@import url(/estilos/inicial.css);
/* Para conseguir que el pie siempre sea empujado abajo de la pagina */
html,body { height:100%;}
/* Hack para IE 6 */
* html #contenedor {height:100%;}

body { 
   font-size: 100.01%;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color:#666;
   margin:0; 
}

p{ color:#666; font-size:0.8em}
p.masEspacio{ margin-top:1em}
.textoSmall{ font-size:0.7em}
/* MENUS */

/* menu horizontal con separador: cabecera y pie lo usan */
ul.horizontal{}
/* ul.horizontal li{ float:left; margin:0 0.3em; background:url(/estilos/imagesCss/separadorListado.gif) top left no-repeat; padding-left:0.5em;padding-right:0.2em} */
ul.horizontal li{ float:left; margin:0 0.3em; padding-left:0.5em;padding-right:0.2em}
ul.horizontal li:first-child{background:none}
ul.horizontal li a{width:100%; color:#fff; font-weight:bold; text-decoration:none; font-size:0.9em}
ul.horizontal li a:hover{ text-decoration:underline}

ul.horizontal li label{width:100%; color:#fff; font-weight:bold; text-decoration:none; font-size:0.9em}
ul.horizontal li label:hover{ text-decoration:underline}

#identificate { 
	font-size:0.7em;
	float:right;
	margin-top:2em;
	margin-right:1em;
}	
#cif{
	font-size:0.7em;
	float:left;
	margin-top:2em;
	margin-right:1em;
}

#faq{
        font-size:1em;
        float:right;
        margin-top:1em;
        margin-right:1em;
}

/* home */
#contenedor{ width:61em; margin:auto;}

#bloqueCabecera{  float:left; width:61em;}
#bloqueCabeceraSup{float:left; width:61em;}
#bloqueCabeceraSup #logo{float:left; width:26em; padding-top:0.5em;}
#bloqueCabeceraSup #telefono{float:left; width:17em; color:#F7910F; padding-top:0em;}
#bloqueCabeceraSup #tarjetas{float:left; padding-top:1.5em; width:17em; text-align:right;}

#bloqueMenu{float:right; width:75%; background:url(/estilos/imagesCss/fondo_menu.jpg) repeat-x; border:2px solid #F2F2F2; padding:0.5em}


#contenido{ float:left;width:61em; margin:1em 0}
#_contenidoLeft{float:left;width:40em; margin-right:1em; }
#_contenidoRight{float:right;width:20em; }
#contenidoLeft{float:left;width:16em;  margin-right:1em;}
#contenidoRight{float:right;width:44em;}


#bloqueBuscador{float:left;width:26em; margin-right:0.5em; padding:0.5em; background-color:#F7F7F7; border:1px solid #CFCFCF}
#bloqueBuscador .filtroBuscador{float:left;width:20em; text-align:center; border:0px solid #CFCFCF;}
#bloqueBuscador .filtroBuscadorG{float:left;width:14em; text-align:center; border:0px solid #CFCFCF;}
#bloqueBuscador label{ display:block ;font-size:0.8em; font-weight:bold ; text-align: left;}
#bloqueBuscador input {display:block ;font-size:0.8em;  width:95%; height: 1.5em;}
#bloqueBuscador select {display:block ;font-size:0.8em; width:95%; height: 1.7em;}
#bloqueBuscador #bloqueBotonBuscador{float:left; text-align:center; margin-top:-0.25em;cursor: pointer;}
#bloqueBuscador p {display:block ;font-size:0.7em; font-weight:normal; text-align: left;}


#bloqueDestacados {
	float:left; 
	width:11em; 
	background:url(/estilos/imagesCss/fondo_oferta.jpg) no-repeat;
	border:2px solid #F2F2F2; 
	padding:0.5em
}

#bloqueDestacados label{
	width:11em; 
	font-size:1.2em;
	float:left;
	text-align:center;
	text-decoration:underline;
	/*
	color:#F7910F;
	border: 1px solid red;
	*/
	color:#FFFFFF;
	font-weight:bolder;	
	margin-top:-0.1em;
}

#bloqueCesta{float:left;width:15em; padding:0.5em; background:url(/estilos/imagesCss/fondo_cajas.jpg) repeat-x; border:3px solid #CFCFCF;}
#bloqueCestaTitulo{cursor:pointer; text-align:center; background:url(/estilos/imagesCss/ico_cesta.gif) no-repeat 1em 0; height:2.5em; font-weight:bold; padding-top:0.2em; padding-bottom:0.5em; border-bottom:1px solid #CFCFCF}
#bloqueCestaTitulo a {font-size:0.7em; text-align:right; font-weight:normal; color:#666; text-decoration:none; }
#bloqueCestaTitulo img {cursor:pointer;}

#bloqueCesta #bloqueCestaPrecio{ text-align:center; color:#F00;  background-color:#FFf; padding:0.5em 0;border:1px solid #E0E6F3;}
#bloqueCesta #bloqueCestaPrecio table {font-size:0.8em; text-align:center; color:#F00;  background-color:#FFf; padding:0.5em 0;border:0px solid #E0E6F3;}
#bloqueCesta #precioTotalCesta{ margin-top:0.4em;font-weight:bold;}
#bloqueCesta #bloqueCestaBoton{ text-align:center; padding-top:0.5em}

#tablaCesta{ font-size:0.7em; width:100%; border:1px solid #E0E6F3; margin:1em 0}
#tablaCesta tr { font-size:0.8em; }
#tablaCesta tr td{ padding:0.3em; text-align:center}
#tablaCesta tr td.numero{ width:1em;}
#tablaCesta tr td.producto{width:2em; text-align:left;}
#tablaCesta tr td.precio{width:2em; }
#tablaCesta tr td.borrar{width:1em;}
#tablaCesta tr td input{ width:1.5em; text-align:right; font-size:1em; padding:0.1em }
#tablaCesta tr.celda0{ background-color:#fff}
#tablaCesta tr.celda1{ background-color:#E0E6F3}
#tablaCesta tr.celdaOn{ background-color:#FFDE79}


#bloqueListado{float:left;width:42.5em; margin:1em 0;}
#bloqueListado #bloqueListadoProductos{float:left;width:42.5em; padding:0.5em; padding-top:1.5em; background-color:#fff; border:1px solid #CFCFCF; }
#bloqueListado #bloqueListadoTitulo{float:left;width:42.5em; text-align:center; color:#F7910F; font-weight:bold; margin-bottom:0.3em}
#bloqueListado #bloqueDetalleProducto{float:left;width:42.5em; padding:0.5em; padding-top:0.5em; background-color:#fff; border:1px solid #CFCFCF; }

#ivaincluido{margin-top:-15px; width:42em; float:right; text-align:right; font-size:0.8em; color:#F7910F; border:0px solid;}


.ruta  {float:left;width:100%; margin:0em 0 1.5em 0; border: solid 0px; font-size: 0.7em; }
.ruta  a {color:#585656;}
.ruta  a :link{color:#585656;}
.ruta  a :visited{color:#585656;}
.ruta  a :hover{color:#585656;}
.ruta  a :active{color:#585656;}

.titulopag {float:left;width:100%;  border: solid 0px; border-bottom: solid 2px  #F7910F; padding-bottom : 0.25em; margin: 0 0 0.8em 0;}
.titulopag label {float:left;font-size: 1.3em; color:#F7910F; font-weight:bold;}

.bloqueImprimir{ float:left;width:100%; margin:0em 0 1.5em 0; border: solid 0px;  }
.bloqueImprimir .imprimirLeft { color:#0000FF; float:left; font-size:0.8em; font-weight:bold; background:url(imagesCss/ico_imprimir.jpg) top left no-repeat; padding-left:1.5em; margin-right:0em}
.bloqueImprimir .imprimir{ color:#585656; float:right; font-size:0.8em; font-weight:bold; background:url(imagesCss/ico_imprimir.jpg) top left no-repeat; padding-left:1.5em; margin-right:0em}
.bloqueImprimir .bloqueImprimirInteriorL{ float:left; width:15em;}
.bloqueImprimir .bloqueImprimirInterior{ float:right; width:15em;}

.textoCentral {float:left;width:100%; margin:0em 0 1.5em 0; border: solid 0px; font-size: 0.8em; }
.textoCentral p {font-size: 1em; margin: 0 0 0.8em 0;}
.textoCentral textarea {font-size:1.2em; font-weight:normal; }

.bloqueProducto0{float:left;width:16.5em; height:15em; margin:0 0.5em 1em 0.5em; background-color:#fff; border:1px solid #CFCFCF; font-size:0.8em }
.bloqueProducto1{float:left;width:16.5em; height:15em; margin:0 0.5em 1em 0.5em; background-color:#ECECEC; border:1px solid #CFCFCF; font-size:0.8em }
.bloqueProductoTitulo {float:left;width:22.5em; height:15em; font-size:0.7em; border:0px none; text-decoration:none; margin:0.3em 0em 0 0.3em; }
.bloqueProductoTitulo a {width:22.5em;float:left; height:15em; font-size:1em; border:0px none; text-decoration:none; margin:0.3em 0em 0 0.3em; }
.bloqueProductoEstadoPrecio{float:left;width:12em; height:2.5em; margin:0.3em 1.5em 0.1em 1.5em;  border:1px none;}
.bloqueProductoEstadoPrecioIva{float:left;width:12em; height:1em; margin:0 1.5em 0em 1.8em;  border:1px none; text-align:left; color:#06C; font-size:0.8em;}
.bloqueProductoPrecio {font-size:0.8em; float:left; width:6em; height:2.6em; text-align:center; margin-top:0.3em; font-weight:bold; color:#FFF; background-color:#06C ;border:1px solid #CCCCCC;}
.bloqueProductoPrecio .precioTexto{color:#FFFFFF; line-height:2.6em; vertical-align:middle;}
.bloqueProductoCantidad input {float:left; width:2em; text-align:right;  margin:0.5em 0 0 0.5em; }
.bloqueProductoBoton		  {float:left; width:2em; height:2em;  text-align:right; margin:0.3em 0 0 0.2em; cursor:pointer; }
.bloqueProductoBoton .botonProductoDisabled{ cursor:default}
.bloqueProductoImagen{float:left;width:12.8em;border:1px solid #CFCFCF; margin:0.5em 0; text-align:center}
.bloqueProductoEstado{ float:left;width:8em; padding:0.5em 0; font-weight:bold; font-size: 0.8em; }
.bloqueProductoEstado .estadoDisponible{color:#0C0}
.bloqueProductoEstado .estadoNoDisponible{color:#F00}

.detalleProducto{float:left;width:99%; padding:0.1em; margin: 0 0em 0em 0em; background-color:#fff; border:0px solid #CFCFCF; font-size:0.8em }
.detalleProductoTitulo >a{float:left;width:80%; text-align:left; color:#F7910F; font-weight:bold; margin-bottom:0.3em; text-decoration:none; border-bottom:solid 1px #F7910F; }
.detalleProductoImagen{float:left;width:20em; height:10em; border:1px solid #CFCFCF; margin:0.5em 0;text-align:center;  }
.detalleProductoCaracteristicas{float:right; width:25em; height:10em; border:0px solid #CFCFCF; margin:0.5em 0;text-align:center;  }
.detalleProductoAmpliarImg{float:left;width:49em; height:10em; border:0px solid #CFCFCF; margin:0.5em 0 0 8em;text-align:left;font-size:0.8em  }
.detalleProductoEstadoPrecio{margin:0 0 0 10em; float:left;width:49em;border:0px solid;}
.detalleProductoEstado{border:0px solid; float:left;width:8em; padding:0.5em 0; font-weight:bold}
.detalleProductoEstado .detalleDisponible{ color:#0C0}
.detalleProductoEstado .detalleNoDisponible{ color:#F00}
.detalleProductoPrecio{border:0px solid; float:left;width:10em; border:1px solid; text-align:center; padding:0.5em 0; font-weight:bold; color:#FFF; background-color:#06C}
.detalleProductoBoton{border:0px solid; float:left;  margin-top:0.1em; text-align:center; width:16em; height:2em}
.detalleProductoBoton .botonProductoDisabled{ cursor:default}

.enlaceProducto span {font-size:1.2em; }
.enlaceProducto a {width:14.9em;font-size:1.1em; }
.enlaceProducto .referenciared   {font-size:1em; color:#FF0000; }
.enlaceProducto .referenciagreen {font-size:1em; color:green;}
#comentario { font-size:1em; color:#F5900E; font-weight:bolder;}

#bloqueFormasPago{float:left;width:19em; padding:0.5em; background:url(/estilos/imagesCss/fondo_cajas.jpg) repeat-x; border:1px solid #CFCFCF; margin-top:1em}
#bloqueFormasPagoTitulo{  background:url(/estilos/imagesCss/fondo_titulo_formas_pago.gif) no-repeat top right; width:19em; height:1.5em; font-weight:bold; padding-top:0.5em; padding-bottom:0.2em; border-bottom:1px solid #CFCFCF}
#bloqueFormasPagoContenido{ font-size:0.9em}
#bloqueFormasPagoContenido ul li{ margin:0.3em; background:url(/estilos/imagesCss/fondo_lista_cajas.gif) no-repeat  left center; padding-left:0.5em}
#bloqueFormasPagoPie{ text-align:right; font-size:0.8em}
#bloqueFormasPagoPie a{ color:#666}

#bloqueFamilias{float:left;width:15em; padding:0.5em; background:url(/estilos/imagesCss/fondo_cajas.jpg) repeat-x; border:1px solid #CFCFCF;margin-top:0em; }
#bloqueFamiliasTitulo{
	background:url(/estilos/imagesCss/fondo_titulo_formas_pago.gif) no-repeat top right;
	width:15em; 
	height:2.5em; 
	font-size:1em;
	font-weight:bold; 
	padding-top:1em; 
	padding-bottom:0.2em; 
	border-bottom:1px solid #CFCFCF;
}
.lineaCategorias{
        width:240px;
        height:2em;
        font-size:1.2em;
        font-weight:bold;
        text-align:center;
        margin:0.5em 0 0.5em 0;
        border-bottom:1px solid #CFCFCF;        
}
.xlineaCategorias{
	width:21.5em; 
	height:0.1em; 
	margin:0.5em 0 0.5em 0;
	border-bottom:1px solid #CFCFCF;	
}
#bloqueFamiliasContenido{
	/*cursor:pointer;
	height:29.5em; 
	overflow:scroll;
	*/	
	background-color:#F7F7F7;
	font-size:0.7em; 	
}

.botonCategoria{
	font-size:1em;
	margin:0.5em 0.2em 0.2em 0.2em;
	width:21em;
	height:3em;
	background:url(/estilos/imagesCss/botonazul.jpg) repeat-x left;
	background-color:#0066CC;
	cursor:pointer;	
}
.botonCategoriaP{
	font-size:1.2em;
	font-weight:bold; 
	line-height:2.6em;
	color:#FFFFFF;
	vertical-align:middle;
	text-align:left;
	margin-left:1em;
}
.botonSelected{
	background:url(/estilos/imagesCss/botonnaranja.jpg) repeat-x left;
	background-color:#F78F0F;
}
.botonOver{
	background:url(/estilos/imagesCss/botonnaranja_over.jpg) repeat-x left;
	background-color:#F9AD4F;
}
#bloqueFamiliasContenido ul li{cursor:pointer; margin:0.3em; padding-left:0.5em; background:url(/estilos/imagesCss/fondo_lista_cajas.gif) no-repeat  left center;}
#bloqueFamiliasContenido li{ cursor:pointer;}
#bloqueFamiliasPie{ text-align:right; font-size:0.7em}
#bloqueFamiliasPie a{ color:#666}

#bloqueEnvios{float:left;width:19em; padding:0.5em; background:url(/estilos/imagesCss/fondo_cajas.jpg) repeat-x; border:1px solid #CFCFCF; margin-top:1em}
#bloqueEnviosTitulo{  background:url(/estilos/imagesCss/fondo_titulo_envios.gif) no-repeat top right; width:19em; height:1.5em; font-weight:bold; padding-top:0.5em; padding-bottom:0.2em; border-bottom:1px solid #CFCFCF}
#bloqueEnviosContenido{ font-size:0.9em; padding:0.5em 0}
#bloqueEnviosContenido ul li{ margin:0.3em; background:url(/estilos/imagesCss/fondo_lista_cajas.gif) no-repeat  left center; padding-left:0.5em}
#bloqueEnviosPie{ text-align:right; font-size:0.8em}
#bloqueEnviosPie a{ color:#666}


#bloqueConfidencialidad{float:left;width:19em; padding:0.5em; background:url(/estilos/imagesCss/fondo_cajas.jpg) repeat-x; border:1px solid #CFCFCF; margin-top:1em}
#bloqueConfidencialidadTitulo{  background:url(/estilos/imagesCss/fondo_titulo_confidencialidad.gif) no-repeat top right; width:19em; height:1.5em; font-weight:bold; padding-top:0.5em; padding-bottom:0.2em; border-bottom:1px solid #CFCFCF}
#bloqueConfidencialidadContenido{ font-size:0.9em; padding:0.5em 0}
#bloqueConfidencialidadContenido ul li{ margin:0.3em; background:url(/estilos/imagesCss/fondo_lista_cajas.gif) no-repeat  left center; padding-left:0.5em}
#bloqueConfidencialidadPie{ text-align:right; font-size:0.8em}
#bloqueConfidencialidadPie a{ color:#666}

/* bloque Paginacion */
#paginacion {
	float:left;
	width:42.5em; 
	text-align:center;
}
#paginacion .pagina {
	font-size:0.8em;
	font-weight:bold;
	color:#F7910F;
	cursor:pointer;
	margin-left:0.5em;
	text-decoration:underline;
}

#paginacion .paginaactual {
	font-size:0.8em;
	font-weight:bold;
	color:#F7910F;
	cursor:pointer;
	margin-left:0.5em;
}

#paginacion #pagsiguiente {
	font-size:0.9em;
	font-weight:bold;
	color:#0066CC;
	cursor:pointer;
	margin-left:0.5em;
}
#paginacion #paganterior{
	font-size:0.9em;
	font-weight:bold;
	color:#0066CC;
	cursor:pointer;
}

#bloquePaginacion{float:left; margin-top:1em;width:39em;text-align:center }
#bloquePaginacion #bloquePaginasPaginacion{ position:relative}
#bloquePaginacion span.listadoPaginas{font-size:0.75em;color:#555;position:absolute; left:10em; padding-top:0.2em }
#bloquePaginacion #listaPaginacion{ margin:auto 0; width:100%;}
#bloquePaginacion ul{ margin:0 auto ; width:25em; }
#bloquePaginacion ul li{ float:left;  margin:0 0.3em; }
#bloquePaginacion ul li span.selectedPage{font-size:0.7em; border:1px solid #666; font-weight:bold;  background-color:#666;color:#fff; padding:0.2em 0.7em;   display:block}
#bloquePaginacion ul li a{ text-decoration:none;color:#333; display:block; font-size:0.7em;  padding:0.2em 0.7em; border:1px solid #ccc; background-color:#f9f9f9;}
#bloquePaginacion ul li a:hover{ color:#333;border:1px solid #666; display:block;background-color:#EFEFEF;}


#bloquePie{ width:61em;  margin:1em 0; padding-top:1em; text-align:center; float:left; border-top:1px solid #ccc }
#bloquePie ul li a{color:#666; font-size:0.75em; font-weight:normal}


.borrarProducto{ cursor:pointer}


#contenedorDetalleArticulo{
	font-size:12px;
	margin-left:1em;
	width:50em;
	height:37.5em;
}
#cabeceraDetalleArticulo{
	width:50em;
	height:6em;
	float:left;
}

#contenidoDetalleArticulo{
	width:50em;
	height:30em;
	float:left;
	border: 1px solid #CECECE;	
}

#bloqueDetalleArticuloDisponible{
	float:left;
	font-size:1em;
	margin-left:1em;
	width:43em;
}

.bloqueImprimirDetalle { color:#585656; float:right; font-size:1em; font-weight:bold; background:url(imagesCss/ico_imprimir.jpg) top left no-repeat; padding-left:1.5em; margin-right:0.5em}

#detalleArticuloCodigoRojo span{
	color: #FF0000;
	font-size:1.5em;
	float:left;
	margin-left:1em;	
}

#detalleArticuloCodigoVerde span{
	color:#00CC00;
	font-size:1.5em;
	float:left;
	margin-left:1em;
}

#bloqueDetalleArticuloNombre {
	width:100%;
	float:left;
	border-bottom : 1px solid #F78F0F;

}
#bloqueDetalleArticuloNombre p {
   	margin-left:1em;
   	color:#0066CC;
	font-size:1.8em;   
	
}
#bloqueDetalleArticuloImagen {
	float:left;
	border: 1px solid #CECECE;
	margin: 1em 1em 1em 1em;
	width:20em;
	height:19em;
}

#bloqueDetalleArticuloImagen img{
	float:left;
	margin: 1em 2em 1em 2em;
}
#bloqueDetalleArticuloImagen a{
	float:left;
	width:19em;
	text-align:center;
}

#bloqueCambioClave1 {
	float:left;
	width:15em;
	margin: 0em 0em 0em 1em;
	text-align:left;
	border: 0px solid black;	
 	line-height:1em;
}

#bloqueCambioClave1 input{
	text-align:left;
 	line-height:1.2em;
	height:1.2em;
}

#bloqueCambioClave1 ul{
	text-align:left;
	margin: 1em 0em 1em 0em;

}

#bloqueCambioClave1 li{
	font-size:1.3em;
	line-height:2em;
	vertical-align:middle;
}

#bloqueDetalleArticuloDocumentos{
	float:right;
	width:25em;
	margin: 1em 1em 1em 1em;
	text-align:left;
}

#bloqueDetalleArticuloDocumentos ul{
	text-align:left;
}
#bloqueDetalleArticuloDocumentos li{
	font-size:1.3em;
}

.titulopag2 {float:left;width:100%;  border: solid 0px; border-bottom: solid 2px  #F7910F; padding-bottom : 0.25em; margin: 0 0 0.8em 0;}
.titulopag2 label {float:left;font-size: 1.1em; color:#F7910F; font-weight:bold;}
#procesoCompra img {margin-top:-3.4em; float:left; margin-left:12em; padding-top:0.25em;}


#usuarioRegistrado{
	float:left;
	width:22em;
	height:15em;
}
#usuarioNuevo{
	float:right;
	width:18em;
	height:12em;
}

#usuarioRegistradoTitulo p{
	text-align:center;
	font-size:1.3em;
	color:#0066CC;
}
#usuarioRegistradoLogin{
	width:20em;
	border: 1px solid #CECECE;
	padding: 1em 1em 1em 1em;
	background-color:#F8F8F8;
	float:left;	
}

#usuarioRegistradoLogin img{
	margin-top:0.5em;
	float:right;
}
#usuarioNuevoContinuar {
	border: 1px solid #CECECE;
	padding: 1em 1em 1em 1em;
	background-color:#F8F8F8;
	height:6em;	
}
#usuarioNuevoContinuar img {
	margin: 2em 3em 3em 4em;	
}

#DatosFacturacion{
	margin-left:1em;
	width:20em;
	float:left;
	background-color:#F7F7F7;	
}

#DatosFacturacion p{
	color:#0066CC;
	text-align:center;
	font-size:1.5em;
	background-color:#FFFFFF;	
}

#DatosEnvio{
	width:20em;
	margin-left:1em;
	float:left;
	background-color:#F7F7F7;	
}
#DatosEnvio p{
	color:#0066CC;
	text-align:center;
	font-size:1.5em;
	background-color:#FFFFFF;	
}

.listaDerecha{
	float:left;
	width:13em;
}

.listaIzquierda{
	float:left;
	width:6em;
}

.listaIzquierda li{
	margin-left:1em;
}

.formularioAlta{
	width:19em;
	height:15em;
	border : 1px solid #CFCFCF;
}

.formularioAlta li {
	margin-top:0.5em;
	font-size:0.8em;
	text-align:left;
	height:1.6em;
	line-height:1.6em;
	vertical-align:middle;		
}

.formularioAlta input{
	font-size:1em;
	height:1.6em;
	line-height:1.6em;
	text-align:left;
	vertical-align:middle;	
	border : 1px solid #CFCFCF;
	width:14em;
}

.formularioAlta select{
	font-size:1em;
	height:1.6em;
	line-height:1.6em;
	text-align:left;
	vertical-align:middle;	
	width:14em;
	border : 1px solid #CFCFCF;
}

#copiarDatos{
	font-size:1em;
	font-weight:bold;
	text-align:left;
}

#copiarDatos input{
	border:1px solid black;
	width:3em;
	font-size:0.8em;
	text-align:left;
}

#notaObligatorio{
	float:left;
	width:53em;
	font-size:0.8em;
	margin:0.5em 0em 1em 0.5em;
}

#DatosLogin{
	width:41em;
	margin-left:1em;
	float:left;
	background-color:#F7F7F7;	
}
#DatosLogin p{
	color:#0066CC;
	text-align:center;
	font-size:1.5em;
	background-color:#FFFFFF;	
}
#formularioRegistro{
	width:41em;
	height:18em;
	background-color:#F7F7F7;
	border : 1px solid #CFCFCF;
}

#formularioRegistro p {
	font-size:0.8em;
	background-color:#F7F7F7;
	color:#666666;
	margin:0.5em 0.5em 0.5em 0.5em;
	text-align:justify;
}

#formularioRegistro li {
	margin-top:0.5em;
	font-size:0.8em;
	text-align:left;
	height:1.6em;
	line-height:1.6em;
	vertical-align:middle;		
}
#formularioRegistro input{
	font-size:1em;
	height:1.6em;
	line-height:1.6em;
	text-align:left;
	vertical-align:middle;	
	border : 1px solid #CFCFCF;
	width:14em;
}

#formularioRegistro .checkboxStyle {
	width:3em;
	font-size:0.8em;
	text-align:left;
}

#formularioRegistro select{
	font-size:1em;
	height:1.6em;
	line-height:1.6em;
	text-align:left;
	vertical-align:middle;	
	width:14em;
	border : 1px solid #CFCFCF;
}

#finalizrCompra{
	width:40em;
	margin-top:1em;
	text-align:center;
	float:left;
	border:0px solid red;
	
}
#bloqueListadoHelp{
	float:left;
	font-size:0.7em;
	text-align:justify;
	width:60em; margin:-1em 0 0.5em 0;
}

#DetalleCompra label{text-decoration:underline;font-weight:bold;}
#DetalleCompra #texto1 p {margin-top:0.5em}
#DetalleCompra #texto1 img {cursor:pointer;}
#DetalleCompra #cabeceraDetallePedido{font-weight:bolder; line-height:2em; height:2em}
#DetalleCompra #datosFacturacion{float:left;width:20em; background-color:#E0E6F3; margin-right:0.5em; height:11em; margin-top:1em;}
#DetalleCompra #datosEntrega{float:left; width:21em; background-color:#FFDE79; margin-left:0.5em; height:11em; margin-top:1em;}
#DetalleCompra #bloqueCestaProductos{float:left;width:43em; margin-top:2em;}
#DetalleCompra #bloqueCestaPrecio {float:left; width:43em; font-size:1em; text-align:center;}
#DetalleCompra #bloqueCestaPrecio table {color:#F00;  background-color:#FFf; padding:0.5em 0; font-weight:bolder; border-top:1px solid red;}
#DetalleCompra .ulTitulo {font-size:0.9em; float:left;width:6em;  text-align:left; list-style-type:none; margin-left:1em; font-weight:bolder; margin-top:0.5em; }
#DetalleCompra .ulDetalle{font-size:0.9em; float:left;width:14em; text-align:left; list-style-type:none;margin-top:0.5em;}
#DetalleCompra .elementoCesta0{background-color:#ffffff; width:42em; font-size:1em; border-top:1px solid black; height:2.5em; padding-top:0.25em;}
#DetalleCompra .elementoCesta1{background-color:#E0E6F3; width:42em; font-size:1em; border-top:1px solid black; height:2.5em; padding-top:0.25em;}
#DetalleCompra .codigo  {float:left; font-size:0.9em; width:6em;   text-align:left;   margin-left:1em;}
#DetalleCompra .codigoA {float:left; font-size:0.9em; width:6em;   text-align:left;   color:red; }
#DetalleCompra .codigoB {float:left; font-size:0.9em; width:6em;   text-align:left;   color:green; }
#DetalleCompra .producto{float:left; font-size:0.9em; width:23em;  text-align:left;   }
#DetalleCompra .numero  {float:left; font-size:0.9em; width:5em;   text-align:center; }
#DetalleCompra .precio  {float:left; font-size:0.9em; width:5em;   text-align:right;  }
#DetalleCompra .totalprecio{float:left;font-size:0.9em; width:5em; text-align:right;  }

/* -------------------- Capas de loading --------------------------- */ 
#loading{ 
   font-weight:bold;
   position:absolute;
   /*width:400px; 
   height:100px; */
   width:100%; 
   height:100%;
   border:1px solid #FF9900; 
   margin:0 auto; 
   /*
background-color: #F79510;
*/
	background-color: #FABF6C;
   color: #FFFFFF;
   z-index:1;
}
#loading p{margin-top:5em;text-align:center; line-height:70px; font-size:1.5em }
#loading img{ vertical-align:middle}