@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0; border:0; outline:none; }
    <!-- 
/*Orden de cascada
* {margin:0;padding:0; border:0; outline:none;  position: relative;}

1. "style" attribute (e.g., <p style="...">).
2. ID selector (e.g., p#help {...}).
3. Class specific definition (e.g., p.second {...}).
4. Class global definition (e.g., *.second {...}).
5. Element definition (e.g., p {...}).
6. Global definition (e.g., * {...}).	
*/
    body  {
    	font: 12px Arial, Verdana, Helvetica, sans-serif;
    	background: #ffffff;
    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #contenedor */
    	color: #000000;
    }
/* Sugerencias para diseños elásticos 
1. Dado que el tamaño global de los diseños elásticos se basa en el tamaño de fuente predeterminado del usuario, resultan algo más impredecibles. Si se utilizan correctamente, también son más accesibles para aquellas personas que necesitan tamaños de fuentes más grandes, dado que la longitud de línea mantiene la proporcionalidad.
2. La asignación de tamaño a los divs en este diseño se basa en el 100% del tamaño de fuente en el elemento body. Si reduce el tamaño global del texto empleando font-size: 80% en el elemento body o el #contenedor, recuerde que todo el diseño reducirá su tamaño proporcionalmente. Es posible que le interese aumentar los anchos de los diversos divs para compensar este efecto.
3. Si la asignación de tamaño de fuente se modifica de forma distinta en cada div en lugar de hacerse en el diseño global (es decir: a #sideLeft se le asigna un 70% de tamaño de fuente y a #mainContent se le asigna un 85% de tamaño de fuente), ello hará que se modifique proporcionalmente el tamaño global de cada uno de los divs. Si lo desea, puede realizar el ajuste basándose en la asignación de tamaño de fuente final.
*/
    .inpqBinefar #contenedor { 
    	width: 970px;  /* este ancho creará un contenedor que cabrá en una ventana de navegador 800px si el texto se deja con los tamaños de fuente predeterminados del navegador */
    	background: #FFFFFF;
    	margin: 0 auto ; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	border: 0px solid #000000;
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    } 
    .inpqBinefar #head { 
    	background: #ffffff; 
    	padding: 0 10px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #head en lugar de texto, es posible que le interese quitar el relleno. */
		height:150px;
    } 
    .inpqBinefar #head h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #head evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }
/* Sugerencias para sideLeft:
1. Tenga en cuenta que, si establece un valor de tamaño de fuente en este div, el ancho global del div se ajustará en función de éste.
2. Dado que está trabajando en ems, es conveniente no utilizar relleno en la barra lateral propiamente dicha. Se añadirá al ancho en el caso de navegadores que cumplen los estándares, creando un ancho real desconocido. 
3. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".inpqBinefar #sideLeft p".
*/
    .inpqBinefar #sideLeft {
    	float: left; 
    	width: 180px; /* dado que este elemento es flotante, debe asignarse un ancho */
    	background: #ffffff; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
    	padding: 0px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div - lo coge de divtop automáticamente */
		padding-top:0px !important;
    }
	.inpqBinefar #sideLeft div{
		margin:0px 2px;
	}
	.inpqBinefar #sideLeft ul, .inpqBinefar #sideRight ul{
		margin:0px;
		padding:0px;
		list-style: none;
		font-size:12px;
	}
	.inpqBinefar #sideLeft ul li, .inpqBinefar #sideRight ul li{
		margin:0px 2px;
		padding:0px;
		text-indent:10px;
/*		background-color:#aa4343;*/
		border-top:2px #FFFFFF solid;
	}
	.inpqBinefar #sideLeft ul li ul li, .inpqBinefar #sideRight ul li ul li{
/*		background:#e7a2a2;*/
		padding:0px;
		margin:0px;
		text-indent:20px;
		padding-left:0px;
		border-top:2px #FFFFFF solid;
	}

	.inpqBinefar #sideLeft ul li ul li ul li, .inpqBinefar #sideRight ul li ul li ul li{
/*		background:#F6D7D7;*/
		padding:0px;
		margin:0px;
		text-indent:30px;
/*		padding-left:10px;*/
		border-top:2px #FFFFFF solid;
	}

    .inpqBinefar #sideRight {
    	float: right; 
    	width: 180px; /* dado que este elemento es flotante, debe asignarse un ancho */
    	background: #ffffff; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
    	padding: 0px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div - lo coge de divtop automáticamente */
		padding-top:0px !important;
    }
    .inpqBinefar #sideLeft h3, .inpqBinefar #sideLeft p, .inpqBinefar #sideRight p, .inpqBinefar #sideRight h3 {
    	margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
    	margin-right: 10px;
    }

    .inpqBinefar #sideLeft h2, .inpqBinefar #sideRight h2 {
		margin: 0px 2px;
		font-size:12px;
		padding: 2px 0px 2px 10px;
/*		background-color:#aa4343;*/
		border-bottom:2px #FFF solid;
    }
    .inpqBinefar #sideLeft .titulo, .inpqBinefar #sideRight .titulo {
		margin: 0px 2px;
		font-size:12px;
		padding: 2px 0px 2px 10px;
		border-bottom:2px #FFF solid;
		font-weight:bold;
/*		color:#ffffff;*/
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
    }
	
    .inpqBinefar #sideLeft .busqueda, .inpqBinefar #sideRight .busqueda {
		margin: 0px 0px;
		font-size:12px;
		padding: 2px 0px 2px 10px;
/*		background-color:#aa4343;*/
		font-weight:bold;
/*		color:#ffffff;*/
		font-family:Arial, Helvetica, sans-serif;
		text-align:left;
    }

    .inpqBinefar #sideLeft p, .inpqBinefar #sideRight p {
		margin: 0px 2px;
		font-size:11px;
		text-left:center;
		padding-top:10px;
		padding-bottom:15px;
		padding-left:10px;
/*		background-color:#F6D7D7;*/
    }
/* Sugerencias para mainContent:
1. Si asigna a este div #mainContent un valor de tamaño de fuente distinto del que tiene el div #sideLeft, los márgenes del div #mainContent se basarán en su tamaño de fuente y el ancho del div #sideLeft se basará en su tamaño de fuente. Puede que le interese ajustar los valores de estos divs.
2. El espacio entre el mainContent y sideLeft se crea con el margen izquierdo del div mainContent.  Con independencia de la cantidad de contenido que incluya el div sideLeft, permanecerá el espacio de la columna. Puede quitar el margen izquierdo si desea que el texto del div #mainContent llene el espacio de #sideLeft cuando termine el contenido de #sideLeft.
3. Para evitar la caída de un elemento flotante, puede que tenga que realizar pruebas con el fin de determinar el tamaño máximo aproximado de la imagen/el elemento, ya que este diseño se basa en el tamaño de fuente del usuario combinado con los valores que usted establezca. Sin embargo, si el usuario tiene configurado un tamaño de fuente inferior al normal, habrá menos espacio disponible en el div #mainContent del que observará al realizar la prueba.
4. En el siguiente comentario condicional de Internet Explorer, la propiedad zoom se utiliza para asignar a mainContent "hasLayout." Esto evita que se produzcan diversos problemas específicos de IE.
*/
    .inpqBinefar #mainContent {
     	margin: 0px 200px; /* el margen derecho puede asignarse en ems o píxeles. Éste crea el espacio a lo largo de la parte derecha de la página. */
		/* Con esto no va, no se porque
			margin: 0px 12px 0px 10px;*/
		padding-top:0px !important;
    } 
    .inpqBinefar #mainContent H1{
		font-size:16px;
		padding-top:10px;
		font-family:Arial, Helvetica, sans-serif;
		border-bottom:1px #dadada solid;
    } 
    .inpqBinefar #foot { 
    	padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
    	background:#ffffff;
		/*
		width:590px;
		margin:0 auto;
		*/
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
    } 
    .inpqBinefar #foot p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
		font-size:10px;
    }
    .inpqBinefar #foot a {
		color:#333;
    }

	.divTop, .divBottom{
		background-color:#FFF; 
		height:4px; 
		border:#dadada 1px solid;
		margin-left:0px !important;
		margin-right:0px !important;
		padding:0px;
	}
	.divTop{
		 border-bottom:0px;
		 margin-top:10px !important;
	}
	.divBottom{
		 border-top:0px;
	}
    /* Varias clases diversas para su reutilización */
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

	#trazador{
		font-weight:normal;
		font-size:12px;
		padding-top:8px;
		font-family:Arial, Helvetica, sans-serif;
	}

	#trazador a{
		color: #000000;
	}

	#trazador h3{
		font-weight:normal;
		font-size:12px;
	}

	#menuArticulos a{
		text-decoration:underline;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
	}
	#menuArticulos h4{
		font-weight:bold;
		font-size:12px;
		min-height:17px;
		padding-top:3px;
		padding-bottom:3px;
	}
	#menuArticulos h5{
		font-weight:normal;
		font-size:12px;
		min-height:17px;
		padding-top:3px;
		padding-bottom:3px;
	}
	#menuArticulos h6{
		font-weight:normal;
		font-size:12px;
		min-height:12px;
		padding-top:2px;
		padding-bottom:2px;
	}	
	#menuArticulos h4 a{
		font-weight:bold;
/*		color:#ffffff;*/
		text-decoration:none; /* Subrayado menu */
	}
	#menuArticulos h5 a{
		font-weight:normal;
		font-size:12px;
/*		color:#000000;*/
		font-weight:bold;
		text-decoration:none; /* Subrayado menu */
	}
	#menuArticulos h6 a{
		font-weight:normal;
		font-size:12px;
/*		color:#000000;*/
		font-weight:bold;
		text-decoration:none; /* Subrayado menu */
	}
	#menuArticulos .seleccionado, #menuArticulos .seleccionado a {
/*	 	background-color:#696969 !important;*/
		/*height:17px;*/
/*		color:#FFFFFF;*/
	}
	#menuArticulos .seleccionado a {
		text-decoration:none; /* Subrayado menu */
		
	}
	#catalogo {
	 width: 100%;
	 margin: 0 auto;
	 border: 0px solid #600;
	 overflow: hidden;
	 text-align: center;
	 }
	 
	#catalogo .Categoria{
/*		background-color:#ffffff;*/
		text-align: left; 
		font-family:Arial, Helvetica, sans-serif;
		display: block;
		padding:10px 10px;
	}
	 
	#catalogo .Categoria h2{
		font-size: 12px;
		font-weight:normal;
	}

	#catalogo .articulo{
		border:0px;
		float: left;
		width:125px;
		min-height:150px;
		margin: 5px;
		padding: 5px 0px;
		background: #ffffff;
		overflow: hidden;
	}
	#catalogo .articulo a{
		color:#000000;
		text-decoration:none;
	}
	
	#catalogo .articulo h2{
		font-size:12px;
	}
		
	#catalogo .articulo .Imagen{
		background-color:#FFF;
		border:1px #000000 solid;
		width: 120px;
		height: 120px;
		display: block;
		margin:5px auto;
	}
	#catalogo .articulo .Nombre{
		background-color:#ffffff;
		text-align: center; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		display: block;
	}
	#catalogo .articulo .PrecioAnterior{
/*		background-color:#ffffff;
		color:#696969;		*/
		text-decoration:line-through;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		display: block;
		padding-top:3px;
	}
	#catalogo .articulo .Precio{
/*		background-color:#ffffff;
		color:#aa4343;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight:bold;
		display: block;
		padding-top:3px;
	}
	#catalogo .articulo .AddCarro{
		background-color:#ffffff;
		display: block;
		margin:5px auto;
	}

	#ficha .articulo{
		border:0px;
		margin: 0px 0px;
		padding: 0px 0px;
		background: #ffffff;
		min-height:200px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:20px;
	}
	#ficha .articulo .Datos{
		overflow:hidden;
		line-height:20px;
	}	
	#ficha .articulo .Datos h2{
		font-size:14px;
		font-weight:normal;
	}
	#ficha .articulo .Datos img{
		background-color:#ffffff;
		max-width: 250px;
		max-height: 350px;
		float: left;
		margin: 0 10px 10px 0px;
		border:1px #000000 solid;
	}
	#ficha .articulo .Datos img.imagenppal{
		border:0px;
	}
	#ficha .articulo .Datos img.imagenmarca{
		border:0px;
		height:30px;
		float:none;
	}
	#ficha .articulo .Datos img.botoncomprar{
		background-color:#ffffff;
		float: left;
		margin: 5px 10px 10px 0px;
		width:75px;
		height:29px;
		border:0px;
		clear:both;
	}
	#ficha .articulo .Datos .DatosTexto{
		margin-left:300px;
	}
	#ficha .articulo .Datos .Nombre{
		background-color:#ffffff;
		/*margin-left:300px;*/
		display:block;
		text-align:left;
	}
	#ficha .articulo .Datos .Referencia{
		background-color:#ffffff;
		/*margin-left:300px;*/
		display:block;
		text-align:left;
		font-size:12px;
	}
	#ficha .articulo .Datos .Resumen{
		background-color:#ffffff;
		/*margin-left:300px;*/
		display:block;
		text-align:left;
		font-size:12px;
	}
	#ficha .articulo .Datos .PrecioAnterior{
/*		background-color:#ffffff !important;
		color:#696969;*/
		/*margin-left:300px;*/
		text-decoration:line-through;
		font-size:11px;
		text-align:left;
		display:block;
	}
	#ficha .articulo .Datos .Precio{
/*		background-color:#ffffff;
		color:#aa4343;*/
		/*margin-left:300px;*/
		display:block;
		font-weight:bold;
		font-size:20px;
		text-align:left;
	}
	
	#ficha .articulo .Datos .AddCarro{
		background-color:#ffffff;
		display: block;
		margin:5px auto;
		text-align:center;
	}
	
	#ficha .TituloFicha{
		font-size:12px;
		margin-bottom:10px;
		margin-top:10px;
		font-family:Arial, Helvetica, sans-serif;
		border-bottom:1px #dadada solid;
		font-weight:bold;
		clear:both;
	}
	
	#ficha .TituloFichaPpal{
		font-size:12px;
		margin-bottom:10px;
		margin-top:10px;
		/*margin-left:300px;*/
		font-family:Arial, Helvetica, sans-serif;
		border-bottom:1px #dadada solid;
		font-weight:bold;
	}
	
	#ficha .articulo .Versiones{	
		/*margin-left:300px;*/
		display:block;
		font-size:12px;
		text-align:center;
		background-color:#fff000;
	}
	
	#ficha .articulo .Versiones .versionesinterior{	
		display:block;
		font-size:12px;
		text-align:left;
		background-color:#ffffff;		
	}
	
	#ficha .articulo .Versiones input{
		margin-right:5px;
	}
	
	#ficha .articulo .Propiedades{
	}
	#ficha .articulo .Propiedades .Select{
		display:block;
		margin:5px 0px;
	}
	#ficha .articulo .Propiedades .Select .Texto{
		width:125px;
		display:block;
	}
	#ficha .articulo select, #ficha .articulo .Propiedades .Select select{
		width:200px;
		border:1px #000000 solid;
	}	
	#ficha .articulo .Propiedades .Check{
		width:265px;
		margin:10px;
		float:left;
		display:block;
		overflow:hidden;
	}
	#ficha .articulo .Propiedades .Check img{
		width:30px !important;
		height:30px !important;
		border:1px #BBB solid !important;
	}
	/*Para IE*/
	.propiedadImagen{
		width:30px !important;
		height:30px !important;
		border:0px !important;
		float:left !important;
		margin-right:5px;
		margin-top:5px;
	}
	/* Fin IE*/
	#ficha .articulo .Propiedades .Texto{
		list-style:disc;
		margin-left:0px;
	}
	
	#ficha .articulo .Descripcion{
		background-color:#ffffff;
		margin-top:10px;
		margin-left:10px;
		display:block;
	}
	
	#ficha .articulo .Imagenes{
		margin:5px auto;
		overflow:hidden;
	}
	
	#ficha .articulo .Imagenes img{
		width:70px;
		height:70px;
		margin:5px 2px;
		border:0px;
	}
	
	#ficha .articulo #versiones{
		float:left;
		width:125px;
		padding:5px;
	}
	
	#carroMini {
/*		background-color:#F6D7D7;*/
		font-size:11px;
		padding:10px 10px 10px 10px;
		margin:0px 2px;
	}
	#carroMini .articulo{
		border-bottom:0px #000000 solid;
		margin-bottom:10px;
	}
	#carroMini .articulo a{
		color:#333333;
	}	
	#carroMini .cantidad{
		font-weight:bold;
	}	
	#carroMini .subTotal{
		text-align:right;
		font-weight:bold;
	}
	#carroMini .portes {
		padding-top:3px;
		text-align:right;
		font-weight:bold;
		border-top:1px #000000 solid;
	}
	#carroMini .total{
		padding-top:3px;
		text-align:right;
		font-weight:bold;
	}
	#carroMini .total{
		font-size:11px;
	}
	.verCesta {
		padding-bottom: 10px !important;
		font-size:12px !important;
		text-align:center;
/*		color:#ffffff;*/
		font-weight:bold;
		background-image:url(../imagenes/btnvercesta.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}
	.verCesta a{
/*	color:#ffffff;*/
	text-decoration:none;
	}
	
	.temporal{
		color:#993300; 
		font-weight:bold;
	}
	
	fieldset{
		border:1px #dadada solid;
		padding:0px;
		margin:0px;
		margin-bottom:10px;
	}
	
	#contenido {
		padding-bottom:10px;
	}
	#contenido a{
		text-decoration:none;
		color:#000000;
	}
	#contenido .titulo {
	border-bottom:1px solid #DADADA;
		font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
	}	
	#contenido .detalle {
		padding-left:10px;
	}
	#contenido .tituloContenido {
		margin-left:110px;
		border-bottom:1px solid #DADADA;
		font-weight:bold;
	}
	#contenido .textoContenido {
		margin-left:110px;
		text-decoration:none;
		color:#000000;
		min-height:100px;
	}

	#contenido img {
		float:left;
		width:100px;
	}

	
	#zonaCliente input{
		margin:2px;
		width:152px;
		height:19px;
	}
	
	#zonaCliente input{
		width:152px;
	}
	
	#zonaCliente input.botonSmall{
		width:100px !important;
/*		background-color:#696969;
		color:#FFFFFF;*/
	}
	#busqueda input.botonSmall{
		width:58px !important;
/*		background-color:#696969;
		color:#FFFFFF;*/
	}
	.boton{
		padding:2px 5px;
		border:1px #000000 solid;
		min-height:19px;
/*		background-color:#696969;
		color:#ffffff;
*/
		font-weight:bold;
	}
/*	.boton a{color:#FFFFFF}*/

	.error{color:#990000; font-weight:bold;}
	.ok{color:#339933; font-weight:bold;}

/*	ESTILOS NUEVOS DESPUES DE SILLASAUTO	 */
	.titulo a{
		color:#FFFFFF; 
		text-decoration:none; /* Subrayado menu */
	}
	
	a.sinlinea{color:#000000; text-decoration:none; }
	
/*	#busqueda .inputtexto {
		background-image:url(../imagenes/btnbuscar.gif);
		background-repeat:no-repeat;
		background-position:right;
	}*/
    .inpqBinefar #sideLeft .datosatencion, .inpqBinefar #sideRight .datosatencion {
		text-align:center;
		padding-right:10px;
    }
	
	.pedidoOk{
		font-size:14px; 
		font-weight:bold; 
		color:#006633;
		margin: 10px 0px;;
	}
	#busquedaAvanzada .check {
		display:block;
		float:left;
		margin:2px;
		overflow:hidden;
		width:275px;
	}

	#busquedaAvanzada select{
		border:1px solid;
		width:275px;
	}
	
	#ordenar{
		height:25px;
		vertical-align:middle;
		padding-top:5px;
	}
	
	#ordenar select{
		border:1px solid #000000;
	}
	
	#masvendidos{
		padding:5px 10px;
/*		background-color:#f6d7d7;*/
		margin:0px 2px;
	}
	
	#masvendidos a{
		text-decoration:none;
	}
	
	#orderby{
		margin-left:10px;
		margin-right:7px;
	}
	
	#dir{
		margin-left:7px;
		margin-right:10px;
	}
	
	#btnZCliente{
/*		background-color:#aa4343;*/
		width:100px;
		height:18px;
		margin:0px;
		margin-left:30px;
		padding:0px;
		padding-top:1px;
		text-align:center;
/*		color:#ffffff;*/
		font-size:12px;
	}
	
	#cuadroZCliente{
/*		background-color:#F6D7D7;*/
		margin:0px;
		padding:0px;
		padding-left:10px;
		padding-top:10px;
		margin-left:2px;
		margin-right:2px;
/*		color:#000000;*/
		font-size:11px;
	}
	
	#tituloZCliente{
/*		background-color:#aa4343;*/
		height:17px;
		margin:0px;
		padding:0px;
		padding-top:1px;
		padding-left:10px;
		text-align:left;
/*		color:#ffffff;*/
	}
	
	#banderas{
		text-align:center;
		margin:0px;
		padding:0px;
		padding-top:9px;
	}
	.bandera{
		margin:0px 3px;
	}
/*	FIN ESTILOS NUEVOS DESPUES DE SILLASAUTO */
-->