@charset "utf-8";

* {
	border: 0 none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
}
body {
	color: #000000;
	background-color: #ffffff;
	font-family: arial, verdana, sans-serif;
	background-image: url(/img/bg_body.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}
p.parrafo {
	font-size: 12px;
	line-height: 15px;
	margin: 5px 0;
	text-align: center;
}
p.parrafo a#nuevaBusqueda {
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
	color: #ffffff!important;
	border: 3px double #dedede;
	font-weight: bold;
	padding: 2px 5px;
}
p.parrafo a#nuevaBusqueda:hover {
	background: transparent url(/img/background-escalagris.gif) repeat-x scroll 100% 100%;
	color: #d4011c;
	border: 3px double #d4011c;
}
.carro {
	clear: both;
	line-height: 0;
}
.justify {
	text-align: justify;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.dch {
	float: right;
}
.izq {
	float: left;
}
.nowrap {
	white-space: nowrap;
}
input, select, textarea {
	border: 1px solid #d8d8d8;
	font-family: arial,verdana,sans-serif;
	font-size: 12px;
}

div#container {
	width: 930px;
	position: relative;
	margin: 0 auto;
	border: 1px solid #d8d8d8;
}
div#container.popup {
	width: 550px;
	position: relative;
	margin: 0 auto;
	border: 1px solid #d8d8d8;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX LOGO XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#logo {
	width: 930px;
	height: 100px;
	position: relative;
	top: 0;
	left: 0;
	/*background-color: #ffffff;*/
	text-align: left;
	padding-top: 5px;
}
div#container div#logo a {
	display: block;
	width: 100%;
	height: 100%;
}
div#container div#logo a img {
	
}
div#container div#logo div#contacto {
	height: 35px;
	position: absolute;
	top: 10px;
	right: 115px;
	width: 330px;
	/*width: 170px;*/
}
div#container div#logo div#contacto p {
	color: #000000;
	text-align: right;
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 50%;
}
div#container div#logo div#contacto p a {
	display: inline;
	width: auto;
	height: auto;
	color: #d4011c;
}
div#container div#logo div#contacto p a:hover {
	text-decoration: underline;
}
div#container div#logo div#cesta {
	height: 75px;
	padding-left: 40px;
	position: absolute;
	right: 115px;
	top: 30px;
	width: 290px;
}
div#container div#header div#logo div#cesta {
	background-image: url(/img/cesta3-bg.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: auto;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
div#container div#logo div#cesta a.logo {
	height: 44px;
	left: 0;
	position: absolute;
	top: 0;
	width: 40px;
}
div#container div#header div#logo div#cesta a.logo {
	left: -30px;
}
div#container div#logo div#cesta a.logo img {
	width: 40px;
}
div#container div#logo div#cesta p.titulo {
	color: #d4011c;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 55px;
}
div#container div#logo div#cesta div.contenido p {
	float: left;
	font-size: 10px;
	padding: 2px 5px;
	width: 170px;
}
div#container div#logo div#cesta div.contenido p.precioTotal {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 12px;
	width: 67px;
}
div#container div#header div#logo div#cesta div.contenido p.precioTotal {
	right: 3px;
}
div#container div#logo div#cesta div.contenido p.precioTotal span.precio {
	color: #d4011c;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX MENU XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#menu {
	width: 102px;
	height: 35px;
	position: absolute;
	top: 1px;
	right: 0;
}
div#container div#menu ul {
	height: 35px;
	display: block;
}
div#container div#menu li {
	width: 100px;
	height: 35px;
	float: left;
	display: block;
	background: transparent url(/img/background-escalagris.gif) repeat-x scroll 100% 100%;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #dddddd;
	line-height: 35px;
}
div#container div#menu li:hover {
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
	color: #ffffff;
}
div#container div#menu li.current {
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
	color: #ffffff;
}
div#container div#menu li.current a{
	color: #ffffff;
}
div#container div#menu li a {
	text-align: center;
	color: #666666;
	font-weight: bold;
	font-size: 0.7em;
	display: block;
	height: 100%;
}
div#container div#menu li a:hover {
	text-decoration: underline;
	color: #ffffff;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX BUSQUEDA XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container .cse form.gsc-search-box, div#container form.gsc-search-box {
	background-color: #D4011C;
	padding: 8px 4px 8px 6px!important;
}
div#container .cse .gsc-control-cse:after, div#container .gsc-control-cse:after  {
	padding: 0px;
}
div#container .cse .gsc-control-cse, div#container .gsc-control-cse {
	padding: 0px;
}

div#container div#busqueda {
	width: 910px;
	height: 30px;
	position: relative;
	top: 0;
	left: 0;
	background-image: url(/img/bg_buscador.gif);
	background-repeat: repeat-x;
	color: #ffffff;
	padding: 5px 10px 10px;
	text-align: center;
}
div#container div#busqueda div.sector {
	width: 180px;
	float: left;
}
div#container div#busqueda form#busqueda_ppl select, div#container div#busqueda form#busqueda_ppl input, div#container div#busqueda form#busqueda_ppl label {
	font-size: 0.7em;
	margin: 0 5px;
	height: auto;
	line-height: 15px;
}
div#container div#busqueda form#busqueda_ppl input.boton {
	width: 70px;
	cursor: pointer;
}
div#container div#busqueda form#busqueda_ppl {
	width: 730px;
	margin: 0 auto;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX GUIA XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#guia{
	width: 340px;
	height: 30px;
	position: absolute;
	top: 80px;
	right: 110px;
	font-size: 0.65em;
	color: #d4011c;
}
div#container div#guia.prueba3 {
	background-color: #dddddd;
	border: 1px solid #d4011c;
	height: 15px;
	padding: 5px;
	right: 10px;
	top: 115px;
	width: 715px;
}
div#container div#guia p {
	display: block;
	float: left;
	padding: 0;
	font-weight: bold;
	text-align: left;
}
div#container div#guia.prueba3 p {
	color: #000000;
}
div#container div#guia a {
	text-decoration: underline;
	color: #d4011c;
	display: inline;
	height: auto;
	white-space: pre;
	width: auto;
}
div#container div#guia a:hover{
	text-decoration: none;
}
div#container div#guia img#bc_izq{
	position: relative;
	top: 0;
	left: 0;
	float: left;
}
div#container div#guia img#bc_dch{
	position: relative;
	top: 0;
	right: 0;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX COLUMNA DERECHA XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#columna_dch {
	width: 190px;
	position: relative;
	top: 0;
	right: 0;
	color: #d4011c;
	float: right;
}
div#container div#columna_dch div#reprografia,div#container div#columna_dch div#consumibles, div#container div#columna_dch div#cesta, div#container div#columna_dch div#compra, div#container div#columna_dch div#contacto, div#container div#columna_dch div#recomendaciones {
	position: relative;
	margin: 0 0 30px 0;
}
div#container div#columna_dch div a.logo {
	position: absolute;
	right: 10px;
	top: -20px;
}
div#container div#columna_dch div p.titulo{
	background-image: url(/img/bg_vertical.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	width: 127px;
	padding: 0 50px 0 0;
	margin: 0 auto;
	line-height: 20px;
	color: #ffffff;
}
div#container div#columna_dch div div.contenido {
	font-size: 0.7em;
	text-align: left;
	background-color: #dddddd;
	padding: 10px;
	border-bottom: 1px solid #d4011c;
	border-right: 1px solid #d4011c;
	border-left: 1px solid #d4011c;
	width: 155px;
	margin: 0 auto;
}
div#container div#columna_dch div div.contenido p {
	position: relative;
}
div#container div#columna_dch div div.contenido p span.dch {
	position: absolute;
	right: 0;
}
div#container div#columna_dch div div.contenido  a {
	font-weight: bold;
	display: block;
	color: #d4011c;
	padding: 3px 0;
	text-align: center;
}
div#container div#columna_dch div div.contenido  a.lista_cesta {
	line-height: 16px;
	height: 13px;
	overflow: hidden;
	text-align: left;
}
div#container div#columna_dch div div.contenido  a:hover {
	text-decoration: underline;
}
div#container div#columna_dch div div.contenido  p.lista_consumibles {
	line-height: 16px;
	height: 13px;
	overflow: hidden;
	font-weight: bold;
	padding: 3px 0;
	text-align: left;
}
div#container div#columna_dch div#cesta ul {

}
div#container div#columna_dch div#recomendaciones div.contenido  a img {
	_width: auto;
	max-width: 155px;
}
/*XXXXXXXXXXXXXXXXXXXXXXXX COLUMNA IZQUIERDA X1XXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#columna_izq {
	width: 190px;
	position: relative;
	left: 0;
	top: 0;
	color: #ffffff;
	float: left;
}
div#container div#columna_izq div#menu_vertical_ppl {
	
}
div#container div#columna_izq div#menu_vertical_ppl ul {
	background-image: url(/img/bg_vertical.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	width: 177px;
	margin: 0 auto;
	line-height: 20px;
}
div#container div#columna_izq div#menu_vertical_ppl ul li {
	font-size: 0.75em;
	text-align: left;
	background-color: #dddddd;
	padding: 0;
	border-bottom: 1px solid #d4011c;
	border-right: 1px solid #d4011c;
	border-left: 1px solid #d4011c;
}
div#container div#columna_izq div#menu_vertical_ppl ul li a {
	font-weight: bold;
	display: block;
	color: #d4011c;
	padding: 3px 10px;
	background: transparent url(/img/background-escalagris.gif) repeat-x scroll 100% 100%;
}
div#container div#columna_izq div#menu_vertical_ppl ul li a:hover {
	text-decoration: underline;
	color: #ffffff;
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
}
div#container div#columna_izq div#menu_vertical_ppl ul li.current a{
	text-decoration: underline;
	color: #ffffff;
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
}
div#container div#columna_izq div#menu_vertical_ppl ul li.familia {
	font-size: 0.75em;
	text-align: left;
	background-color: #dddddd;
	padding: 0px;
	border-bottom: 1px solid #d4011c;
	border-right: 1px solid #d4011c;
	border-left: 1px solid #d4011c;
	background: transparent url(/img/background-escalagris2.gif) repeat-x scroll 100% 100%;
}
div#container div#columna_izq div#menu_vertical_ppl ul li.familia:hover {
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
}
div#container div#columna_izq div#menu_vertical_ppl ul li.familia a {
	padding: 3px 5px 3px 20px;
	background: transparent url(/img/flechita.gif) no-repeat scroll 5px 50%;
}
div#container div#columna_izq div#menu_vertical_ppl ul li.familia:hover a {
	background: transparent url(/img/flechita_hover.gif) no-repeat scroll 7px 50%;
	color: #ffffff;
}
div#container div#columna_izq div#menu_vertical_ppl ul li.familia_current {
	text-decoration: underline;
	color: #ffffff;
	background: transparent url(/img/background2.gif) repeat-x scroll 100% 100%;
}
div#container div#columna_izq div#menu_vertical_ppl ul li.familia_current a {
	padding: 3px 5px 3px 20px;
	background: transparent url(/img/flechita_hover.gif) no-repeat scroll 7px 50%;
	color: #ffffff;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX PRINCIPAL XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal {
	width: 530px;
	height: 100%;
	height: 100%;
	color: #000000;
	padding: 0 10px;
	float: left;
}
div#container div#principal.prueba3 {
	margin-top: 40px;
	padding: 0 0;
	width: 720px;
}
div#container div#principal p {
	font-size: 11px;
}
div#container div#principal p a.mas {
	color: #d4011c;
	font-size: 11px;
	font-weight: bold;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX BANNERS XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal div#animacion a img {
	max-width: 530px;
}
/*XXXXXXXXXXXXXXXXXXXXXXXX HOME XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal div#destacadosSemanales {
	background-image: url(/img/banner-superior.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
}
div#container div#principal div#destacadosSemanales p {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 10px;
	margin-bottom: 18px;
}
div#container div#principal div#destacadosSemanales div.destacadoSemanal {
	padding: 5px;
	border-right: 1px dashed #dddddd;
	margin-right: 1px;
	float: left;
}
div#container div#principal div#destacadosSemanales div.destacadoSemanal a {
	text-decoration: none;
	color: #aaaaaa;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	display: block;
}
div#container div#principal div#destacadosSemanales .ancho1 {
	width: 94px;
}
div#container div#principal div#destacadosSemanales .ancho2 {
	width: 200px;
}
div#container div#principal div#destacadosSemanales .ancho3 {
	width: 306px;
}
div#container div#principal div#destacadosSemanales .ancho4 {
	width: 412px;
}
div#container div#principal div#destacadosSemanales .ancho5 {
	width: 518px;
}
div#container div#principal div#destacadosSemanales div.destacadoSemanal a img {
	border: 0 none;
	display: block;
	margin: 0 auto;
}
div#container div#principal div.home {
	position: relative;
	margin: 0 2px 20px;
	padding: 10px;
	background-image: url(/img/bg_destacado.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 240px;
	height: 172px;
	float: left;
}
div#container div#principal div.home a.imagen_home {
	width: 80px;
	height: 95px;
	float: left;
	display: block;
	margin-bottom: 15px;
}
div#container div#principal div.home a.imagen_home img {
	width: 80px;
}
div#container div#principal div.home p.precio_home {
	text-align: right;
	color: #db1f1e;
	font-weight: bold;
	font-size: 30px;
}
div#container div#principal div.home p.oferta_home {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
div#container div#principal div.home p.titulo_home {
	clear: both;
	font-size: 11px;
	font-weight: bold;
}
div#container div#principal div.home p.titulo_home a {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
div#container div#principal div.home p.titulo_home a:hover {
	text-decoration: none;
}
div#container div#principal div.home div.texto_home {
	font-size: 11px;
	font-weight: normal;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX LISTADOS DE IMPRESORAS Y CARTUCHOS HOME XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal div#listadoImpresoras, div#container div#principal div#listadoMarcas {
	margin: 20px 0 0;
}
div#container div#principal div#listadoImpresoras h1, div#container div#principal div#listadoMarcas h1, div#container div#principal div#listadoMarcasLogo h1 {
	background-color: #d4011c;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 5px 0;
	text-align: center;
}
div#container div#principal div#listadoMarcas p#descripcionMarca, div#container div#principal div#listadoImpresoras p#descripcionMarca {
	font-size: 12px;
	margin-bottom: 20px;
	text-align: justify;
}
div#container div#principal div#listadoMarcas p#descripcionMarca img, div#container div#principal div#listadoImpresoras p#descripcionMarca img {
	float: left;
	margin: 0 10px 10px 0;
	max-height: 100px;
	max-width: 200px;
}
div#container div#principal div#listadoMarcas p#descripcionMarca img.impresora {
	float: right;
	margin: 0 0 10px 10px;
	max-height: 150px;
	max-width: 250px;
}
div#container div#principal div#listadoImpresoras ul, div#container div#principal div#listadoMarcas ul, div#container div#principal div#listadoMarcasLogo ul {
	border: 1px solid #999999;
}
div#container div#principal div#listadoMarcas ul li {
	border: 1px solid #cccccc;
	float: left;
	height: 50px;
	/*width: 262px;*/
	width: 237px;
	/**/
	position: relative;
	/**/
}
div#container div#principal div#listadoMarcasLogo ul li {
	border: 1px solid #cccccc;
	float: left;
	height: 200px;
	/*width: 262px;*/
	width: 237px;
	/**/
	position: relative;
	/**/
}
div#container div#principal div#listadoImpresoras ul li {
	border: 1px solid #cccccc;
	float: left;
	height: 60px;
	/*width: 262px;*/
	width: 237px;
	/**/
	position: relative;
	/**/
}
/*div#container div#principal div#listadoMarcasLogo ul li {
	height: 60px;
}*/
div#container div#principal div#listadoImpresoras ul li:hover, div#container div#principal div#listadoMarcas ul li:hover, div#container div#principal div#listadoMarcasLogo ul li:hover {
	border-color: #999999;
}
div#container div#principal div#listadoImpresoras ul li a, div#container div#principal div#listadoMarcas ul li a, div#container div#principal div#listadoMarcasLogo ul li a {
	color: #000000;
	display: block;
	font-size: 11px;
	height: 30px;
	line-height: 12px;
	padding: 5px 4px;
	/*position: relative;*/
	/*width: 247px;*/
	width: 212px;
}
div#container div#principal div#listadoImpresoras ul li a br, div#container div#principal div#listadoMarcas ul li a br, div#container div#principal div#listadoMarcasLogo ul li a br {
	line-height: 1px;
}
div#container div#principal div#listadoMarcasLogo ul li a {
	padding: 5px;
	text-align: center;
	/*width: 252px;*/
	width: 227px;
}
div#container div#principal div#listadoMarcasLogo ul li a img {
	max-height: 55px;
	/*max-width: 252px;*/
	max-width: 227px;
}
div#container div#principal div#listadoImpresoras ul li a:hover, div#container div#principal div#listadoMarcas ul li a:hover, div#container div#principal div#listadoMarcasLogo ul li a:hover {
	text-decoration: underline;
}
div#container div#principal div#listadoImpresoras ul li a span.precio, div#container div#principal div#listadoMarcas ul li a span.precio, div#container div#principal div#listadoMarcasLogo ul li a span.precio {
	color: #d4011c;
	font-weight: bold;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
div#container div#principal div#listadoImpresoras p a {
	color: #d4011c;
	font-size: 12px;
	font-weight: bold;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX DESTACADO XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal div.destacado {
	position: relative;
	margin-bottom: 20px;
}
div#container div#principal div.destacado div.cabecera_producto {
	font-size: 0.7em;
	background-image: url(/img/bg_producto_home.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#container div#principal div.destacado div.cabecera_producto p {
	padding: 3px 0 3px 20px;
}
div#container div#principal div.destacado div.cabecera_producto b.titulo_producto {
	margin-right: 10px;
}
div#container div#principal div.destacado div.cabecera_producto p.categoria_producto {
	text-align: center;
	margin-left: 280px;
	background-image: url(/img/bg_producto_dch.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
div#container div#principal div.destacado div.datos_producto {
	font-size: 0.75em;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	position: relative;
	display: block;
}
div#container div#principal div.destacado div.datos_producto ul.detalles_producto {
	position: relative;
	left: 0;
	top: 0;
	width: 350px;
	margin-left: 150px;
	padding-top: 10px;
}
div#container div#principal div.destacado div.datos_producto ul.detalles_producto li {
	list-style-type: disc;
	list-style-position: inside;
}
div#container div#principal div.destacado div.datos_producto img.imagen_producto {
	width: 120px;
	height: 120px;
	display: block;
	position: relative;
	top: 0;
	left: 15px;
	float: left;
}
div#container div#principal div.destacado div.datos_producto div.precio_producto {
	position: relative;
	right: 0;
	bottom: 0;
}
div#container div#principal div.destacado div.datos_producto div.precio_producto p.embalaje {
	float: left;
	padding: 5px;
	width: 200px;
}
div#container div#principal div.destacado div.datos_producto div.precio_producto a {
	float: right;
}
div#container div#principal div.destacado div.datos_producto div.precio_producto a img {
	background-image: url(/img/bg_precio.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0 10px 5px 20px;
	border: 0 none;
}
div#container div#principal div.destacado div.pie_producto {
	height: 20px;
	background-image: url(/img/bg_prod_home_pie.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	position: relative;
	clear: both;
}
div#container div#principal div.destacado div.pie_producto p.referencia {
	font-size: 0.65em;
	color: #d4011c;
	padding: 2px 150px 2px 10px;
}
div#container div#principal div.destacado div.pie_producto a.carrito {
	position: absolute;
	right: 5px;
	top: -25px;
	border: 0 none;
}
div#container div#principal div.destacado div.pie_producto a.masInfo {
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
	padding: 5px 15px;
	text-decoration: none;
	border: double 3px #dedede;
	top: -5px;
	right: 15px;
}
div#container div#principal div.destacado div.pie_producto a.masInfo:hover {
	color: #d4011c;
	background: transparent url(/img/background-escalagris.gif) repeat-x scroll 100% 100%;
	border: double 3px #ffffff;
}


/*XXXXXXXXXXXXXXXXXXXXXXXX FICHA PRODUCTO XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal div.ficha {
	position: relative;
	margin-bottom: 20px;
}
div#container div#principal div.ficha div.cabecera_ficha {
	font-size: 0.7em;
	background-image: url(/img/bg_producto_home.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#container div#principal div.ficha div.cabecera_ficha p {
	padding: 3px 0 3px 20px;
}
div#container div#principal div.ficha div.cabecera_ficha b.titulo_ficha {
	margin-right: 10px;
}
div#container div#principal div.ficha div.cabecera_ficha p.categoria_ficha {
	text-align: center;
	margin-left: 280px;
	background-image: url(/img/bg_producto_dch.jpg);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}
div#container div#principal div.ficha div.datos_ficha {
	font-size: 0.75em;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	position: relative;
	width: 528px;
}
div#container div#principal div.ficha div.datos_ficha div.izq {
	float: left;
	width: 250px;
	padding: 50px 0 0 20px;
}
div#container div#principal div.ficha div.datos_ficha ul.detalles_ficha {
	padding-top: 10px;
}
div#container div#principal div.ficha div.datos_ficha ul.detalles_ficha li {
	list-style-type: disc;
	list-style-position: inside;
}
div#container div#principal div.ficha div.datos_ficha div.imagen_ficha {
	width: 218px;
	text-align: center;
	padding: 20px;
	float: left;
}
div#container div#principal div.ficha div.datos_ficha div.imagen_ficha img.vertical {
	height: 218px;
}
div#container div#principal div.ficha div.datos_ficha div.imagen_ficha img.horizontal {
	width: 218px;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos {
	
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.row {
	clear: both;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.cabecera, div#container div#principal div.ficha div.datos_ficha div.subproductos div.cuerpo {
	padding: 2px 5px;
	float: left;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.cabecera div, div#container div#principal div.ficha div.datos_ficha div.subproductos div.cuerpo div {
	border-bottom: 1px solid #cccccc;
	padding: 2px 5px;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.cabecera {
	font-size: 11px;
	font-weight: bold;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.cuerpo {
	font-size: 10px;
	border-top: 1px solid #cccccc;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.row div.id, 
div#container div#principal div.ficha div.datos_ficha div.subproductos div.row div.precio {
	width: 45px;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.row div.precio {
	font-weight: bold;
	font-size: 11px;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.row div.descripcion {
	width: 275px;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.row div.cantidad {
	width: 50px;
	margin: 0;
	background: none;
	vertical-align: middle;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.row div.anadir {
	width: 60px;
	text-align: center;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.row div.anadir input.carrito {
	border: 0 none;
	width: 30px;
}
div#container div#principal div.ficha div.datos_ficha div.subproductos div.cantidad input.cantidad {
	width: 25px;
	margin: 0 10px;
}
div#container div#principal div.ficha div.datos_ficha div.precio_ficha {
	position: relative;
	right: 0;
	bottom: 0;
}
div#container div#principal div.ficha div.datos_ficha div.precio_ficha p.embalaje {
	float: left;
	padding: 5px;
	width: 200px;
}
div#container div#principal div.ficha div.datos_ficha div.precio_ficha p.cantidad {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 20px 10px 20px;
	text-align: right;
}
div#container div#principal div.ficha div.datos_ficha div.precio_ficha input {
	float: right;
	background-image: url(/img/bg_precio.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 10px 5px 20px;
	border: 0 none;
}
div#container div#principal div.ficha div.datos_ficha div.precio_ficha input.prize {
	float: right;
	background-image: url(/img/bg_precio.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #ffffff;
	padding: 0 10px 5px 20px;
	border: 0 none;
	font-size: 65px;
	line-height: 65px;
	height: 70px;
	color: #ce1029;
	font-family: trebuchet, arial, verdana;
}
div#container div#principal div.ficha div.pie_ficha{
	height: 20px;
	background-image: url(/img/bg_prod_home_pie.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	position: relative;
	top: -4px;
}
div#container div#principal div.ficha div.datos_ficha div.cantidad {
	height: 28px;
	width: 146px;
	background-image: url(/img/bg_cantidad.gif);
	padding: 6px 12px;
	margin: 30px 0 0;
	vertical-align: top;
	position: relative;
}
div#container div#principal div.ficha div.datos_ficha div.cantidad label {
	width: 70px;
	height: 23px;
	font-size: 23px;
	font-weight: bold;
	line-height: 23px;
	margin-right: 5px;
	color: #ffffff;
}
div#container div#principal div.ficha div.datos_ficha div.cantidad input {
	width: 30px;
	height: 16px;
	line-height: 16px;
	text-align: center;
}
div#container div#principal div.ficha div.datos_ficha div.cantidad input.carrito {
	position: absolute;
	width: 60px;
	height: 65px;
	right: -50px;
	top: -25px;
	border: 0 none;
}
div#container div#principal div.ficha div.pie_ficha p.referencia {
	font-size: 0.65em;
	color: #d4011c;
	padding: 2px 50px 2px 10px;
}
div#container div#principal div.ficha div.pie_ficha input.carrito {
	position: absolute;
	right: 5px;
	top: -25px;
	border: 0 none;
}



/*XXXXXXXXXXXXXXXXXXXXXXXX PRODUCTOS RELACIONADOS XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal div.relacionado {
	position: relative;
	margin-bottom: 20px;
}
div#container div#principal div.relacionado div.cabecera_relacionado {
	font-size: 0.7em;
	height: 25px;
	background-image: url(/img/bg_relacionado.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	border-bottom: 1px solid #d8d8d8;
}
div#container div#principal div.relacionado div.cabecera_relacionado p {
	line-height: 20px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	padding: 5px 20px;
	color: #d4011c;
}
div#container div#principal div.relacionado div.cuerpo_relacionado {
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	position: relative;
	width: 528px;
}
div#container div#principal div.relacionado div.cuerpo_relacionado div.producto_relacionado {
	width: 130px;
	height: 200px;
	border: 1px solid #999999;
	float: left;
	margin-bottom: 30px;
	position: relative;
}
div#container div#principal div.relacionado div.cuerpo_relacionado div.producto_relacionado p.nombre_relacionado {
	height: 20px;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 14px;
	text-align: right;
	padding: 0 2px;
	background-image: url(/img/bg_prod_home_pie.jpg);
	background-repeat: no-repeat;
	background-position: center 100%;
}
div#container div#principal div.relacionado div.cuerpo_relacionado div.producto_relacionado img.imagen_relacionado {
	width: 100px;
	padding: 10px;
}
div#container div#principal div.relacionado div.cuerpo_relacionado div.producto_relacionado div.precio_relacionado {
	position: absolute;
	bottom: 0;
	left: 0;
}
div#container div#principal div.relacionado div.cuerpo_relacionado div.producto_relacionado div.precio_relacionado a.precio {
	width: 130px;
	height: 60px;
	background-image: url(/img/bg_precio.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	display: block;
}
div#container div#principal div.relacionado div.cuerpo_relacionado div.producto_relacionado div.precio_relacionado a.precio img {
	width: 130px;
	position: relative;
	bottom: 0px;
}
div#container div#principal div.relacionado div.cuerpo_relacionado div.producto_relacionado div.precio_relacionado a.carrito {
	position: absolute;
	right: 0;
	top: 30px;
}
div#container div#principal div.relacionado div.pie_relacionado{
	height: 20px;
	background-image: url(/img/bg_prod_home_pie.jpg);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	position: relative;
	top: -6px;
}


/*XXXXXXXXXXXXXXXXXXXXXXXX REGISTRO XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal form#registro {
	text-align: center;
}
div#container div#principal form#registro div#identificacion, div#container div#principal form#registro div#contacto, div#container div#principal form#registro div#tipo_cliente, div#container div#principal form#registro div#credito, div#container div#principal form#registro div#envio, div#container div#principal form#registro div#factura {
	margin-bottom: 1px;
	font-size: 0.8em;
	clear: both;
}
div#container div#principal form#registro div.toggle p {
	cursor: pointer;
}
div#container div#principal form#registro div.toggle div.paso_form {
	display: none;
}
div#container div#principal form#registro div.justify {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 10px;
}
div#container div#principal form#registro div p {
	font-weight: bold;
	color: #ffffff;
	background-color: #d4011c;
	text-align: center;
}
div#container div#principal form#registro div div.paso_form {
	margin: 5px 0;
	text-align: left;
	/*clear: both;*/
	float: left;
	width: 265px;
}
div#container div#principal form#registro div div.checkbox {
	text-align: center;
	width:530px;
	padding: 20px 0;
}
div#container div#principal form#registro div div.checkbox div {
	float: left;
	text-align: right;
	width: 120px;
}
div#container div#principal form#registro div div.checkbox div input {
	background-image: none;
}
div#container div#principal form#registro div div.checkbox.paso_form label {
	clear: none;
	float: left;
	font-size: 11px;
	width: 330px;
	text-align: center;
}
div#container div#principal form#registro div div.fecha {
	text-align: right;
}
div#container div#principal form#registro div div.paso_form label {
	width: 144px;
	/*width: 228px;*/
	display: block;
	float: left;
	clear: left;
	padding-bottom: 1px;
	border-bottom: 1px dotted #d8d8d8;
	text-align: left;
	color: #d4011c;
	font-weight: bold;
}
div#container div#principal form#registro div div.paso_form label a {
	color: #d4011c;
	text-decoration: underline;
}
div#container div#principal form#registro div div.paso_form label a:hover {
	text-decoration: none;
}
div#container div#principal form#registro div div.paso_form label em {
	font-weight: normal;
	font-style: italic;
	font-size: 11px;
}
div#container div#principal form#registro div div.paso_form select {
	margin-right: 10px;
}
div#container div#principal form#registro div div.paso_form input[type="text"], div#container div#principal form#registro div div.paso_form input[type="password"] {
	/*width: 284px;*/
	width: 100px;
}
div#container div#principal form#registro div div.paso_form textarea#comentarios_envio_form {
	width: 524px;
	height: 50px;
}
div#container div#principal form#registro div div.paso_form input[type="radio"] {
	margin: 0 5px 0 25px;
}
div#container div#principal form#registro div div.paso_form input#anio_nacimiento_form {
	width: 140px;
}
div#container div#principal form#registro div div.paso_form div.invalidInput input {
	background-image: url(/img/cross.gif);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding-right: 16px;
}
div#container div#principal form#registro div div.paso_form div.validInput input {
	background-image: url(/img/tick.gif);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding-right: 16px;
}
div#container div#principal form#registro p#texto_legal, div#container div#principal form#registro p#aviso_legal {
	font-size: 0.8em;
}

div#container div#principal form#registro div#formaPago {
	
}
div#container div#principal form#registro div#formaPago div.paso_form div.validInput input, div#container div#principal form#registro div div.paso_form div.validInput input#condiciones_form {
	background-color: transparent;
	background-image: none;
	border: 0 none;
}
div#container div#principal form#registro div#recogida {
	padding-left: 15px;
	margin-bottom: 15px;
}
div#container div#principal form#registro div#formaPago p.titulo {
	background-color: #D4011C;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	text-align: center;
}
div#container div#principal form#registro div#formaPago p, div#container div#principal form#registro div#recogida p {
	background-color: #ffffff;
	color: #D4011C;
	font-size: 11px;
	text-align: justify;
}
div#container div#principal form#registro div#formaPago div.paso_form, div#container div#principal form#registro div#recogida div.paso_form {
	clear: both;
	width: 100%;
}
div#container div#principal form#registro div#formaPago div.paso_form.recogida {
	background-image: url(/img/recogida.png);
	background-position: 21px 25px;
	background-repeat: no-repeat;
}
div#container div#principal form#registro div#formaPago div.paso_form.tarjeta {
	background-image: url(/img/tarjeta.png);
	background-position: 21px 25px;
	background-repeat: no-repeat;
}
div#container div#principal form#registro div#formaPago div.paso_form.contrarreembolso {
	background-image: url(/img/contrarreembolso.png);
	background-position: 21px 25px;
	background-repeat: no-repeat;
}
div#container div#principal form#registro div#formaPago div.paso_form.transferencia {
	background-image: url(/img/transferencia.png);
	background-position: 21px 25px;
	background-repeat: no-repeat;
}
div#container div#principal form#registro div#formaPago div.validInput, div#container div#principal form#registro div#recogida div.validInput {
	float: left;
}
div#container div#principal form#registro div#formaPago div.paso_form input, div#container div#principal form#registro div#recogida div.paso_form input {
	float: left;
	padding: 0 5px;
}
div#container div#principal form#registro div#formaPago div.paso_form label, div#container div#principal form#registro div#recogida div.paso_form label {
	border: 0 none;
	clear: none;
	float: left;
	font-size: 11px;
	width: 450px;
}
div#container div#principal form#registro div#formaPago p.comentarioAncho, div#container div#principal form#registro div#recogida p.comentarioAncho {
	clear: both;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	margin: 5px 0 10px;
}
div#container div#principal form#registro div#formaPago p.comentario, div#container div#principal form#registro div#recogida p.comentario {
	background-color: transparent;
	clear: both;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	margin: 5px 0 10px;
	padding-left: 50px;
}
/*div#container div#principal form#registro input[type="submit"] {
	color: #000000;
	background-color: #dddddd;
	width: 120px;
	margin: 0 auto;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc #cccccc #cccccc #cccccc;
}
div#container div#principal form#registro input[type="submit"]:hover {
	color: #ffffff;
	background-color: #dddddd;
	border-color: #eeeeee #eeeeee #eeeeee #eeeeee;
}*/


/*XXXXXXXXXXXXXXXXXXXXXXXX CESTA XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal table#cesta {
	width:520px;
	font-size: 12px;
	margin: 0 auto 40px;
	text-align: center;
}
div#container div#principal table#cesta th {
	background-color: #d4011c;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 4px;
	line-height: 14px;
	border: 1px solid #d4011c;
}
div#container div#principal table#cesta td {
	background-color: #dddddd;
	color: #000000;
	font-weight: bold;
	padding: 5px 4px;
	border: 1px solid #d8d8d8;
}
div#container div#principal table#cesta td p.comentario {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}
div#container div#principal table#cesta td img {
	float: left;
}
div#container div#principal table#cesta td img.horizontal {
	width: 60px;
	height: auto;
	left: 0px;
	padding: 5px;
}
div#container div#principal table#cesta td img.vertical {
	height:60px;
	width: auto;
	left: 0px;
	padding: 5px 10px;
}
div#container div#principal table#cesta td img.cuadrado {
	max-height:60px;
	max-width: 60px;
	left: 0px;
	padding: 5px 10px;
}
div#container div#principal table#cesta td a {
	color: #d4011c;
}
div#container div#principal table#cesta td a:hover {
	color: #d4011c;
	text-decoration: underline;
}
div#container div#principal table#cesta td form.cantidad input.cantidad {
	width: 25px;
	height: 15px;
	text-align: center;
}
div#container div#principal table#cesta td form.cantidad input.submit {
	width: 40px;
	height: 15px;
	text-align: center;
}


/*XXXXXXXXXXXXXXXXXXXXXXXX CUENTA XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal div#cuenta {
	padding: 0 20px;
	font-size: 12px;
}
div#container div#principal div#cuenta div.fondo {
	background-color: #dddddd;
	height: 100%;
	width: 100%;
	display: block;
}
div#container div#principal div#cuenta div.fondo form {
	background-color: #dddddd;
}
div#container div#principal div#cuenta h3 {
	text-align: center;
	line-height: 40px;
	color: #dedede;
	font-size: 18px;
	background-image: none;
	border-bottom: 0 none;
	height: 40px;
}
div#container div#principal div#cuenta p.tit_cuenta {
	line-height: 30px;
	color: #ffffff;
	background-color: #d4011c;
	font-weight: bold;
	font-size: 16px;
	padding: 0 10px;
	clear: both;
	margin-top: 10px;
}
div#container div#principal div#cuenta div.exp_cuenta {
	width: 280px;
	float: left;
	display: block;
	padding: 10px;
	border-right: 2px dotted #ffffff;
	background: none;
	background-color: transparent;
}
div#container div#principal div#cuenta div b {
	display: block;
}
div#container div#principal div#cuenta div.exp_cuenta a {
	color: #d4011c;
	font-weight: bold;
}
div#container div#principal div#cuenta div.exp_cuenta a:hover {
	text-decoration: underline;
}
div#container div#principal div#cuenta div label {
	width: 168px;
	display: block;
}
div#container div#principal div#cuenta div input {
	margin-bottom: 10px;
}
div#container div#principal div#cuenta div.btn_cuenta {
	width: 168px;
	display: block;
	float: right;
	padding: 10px;
	text-align: center;
	
}
div#container div#principal div#cuenta div.btn_cuenta a, div#container div#principal div#cuenta div.btn_cuenta form input, div#container div#principal form input.submit {
	color: #ffffff;
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
	border: 1px solid #ffffff;
	font-weight: bold;
	padding: 2px 4px;
	cursor: pointer;
}
div#container div#principal div#cuenta div.btn_cuenta a:hover, div#container div#principal div#cuenta div.btn_cuenta form input:hover, div#container div#principal form input.submit:hover {
	color: #d4011c;
	background: transparent url(/img/background-escalagris.gif) repeat-x scroll 100% 100%;
	border: 1px solid #d4011c;
}
div#container div#principal div#cuenta div.btn_cuenta form input#recupera_mail {
	background-image: none;
	background-color: #ffffff;
	border: 1px solid #D8D8D8;
	color: #000000;
	cursor: text;
	font-weight: normal;
	padding: 0;
}
div#container div#principal div#cuenta div.btn_cuenta form input#recupera_mail:hover {
	background-image: none;
	background-color: #ffffff;
	border: 1px solid #D8D8D8;
	color: #000000;
}
div#container div#principal div#cuenta div.btn_cuenta input.submit {
	color: #ffffff;
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
	border: 1px solid #ffffff;
	font-weight: bold;
	padding: 2px 4px;
	cursor: pointer;
}
div#container div#principal div#cuenta div.btn_cuenta input.submit:hover {
	color: #d4011c;
	background: transparent url(/img/background-escalagris.gif) repeat-x scroll 100% 100%;
	border: 1px solid #d4011c;
	
}
div#container div#principal div#cuenta div.large_cuenta {
	padding: 10px;
	border-bottom: 2px dotted #ffffff;
}


/*XXXXXXXXXXXXXXXXXXXXXXXX CONDICIONES GENERALES XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal h3 {
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	/*background-image: url(/img/bg_relacionado.jpg);
	background-position: center 0;
	background-repeat: no-repeat;*/
	background-color: #d4011c;
	color: #dedede;
	text-align: center;
	line-height: 25px;
	border-bottom: 1px solid #666666;
}
div#container div#principal h3 span {
	color: #000000;
	font-size: 9px;
}
div#container div#principal h3.formulario {
	background-image: none;
	background-color: #d4011c;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	border: 0 none;
}
div#container div#principal div.class_1CONDICIONES, div#container div#principal div.class_2PROTECCION, div#container div#principal div.class_3QUIENES {
	background-color: #dddddd;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin: 0;
}
div#container div#principal div.class_1CONDICIONES p, div#container div#principal div.class_2PROTECCION p, div#container div#principal div.class_3QUIENES p {
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	margin-bottom: 10px;
	padding: 0 10px;
	position: relative;
}
div#container div#principal div.class_1CONDICIONES p b, div#container div#principal div.class_2PROTECCION p b, div#container div#principal div.class_3QUIENES p b {
	background-color: #D4011C;
	color: #ffffff;
	font-weight: bold;
	line-height: 20px;
	width: 100%;
	display: block;
	padding: 2px 10px;
	position: relative;
	left: -10px;
	margin-top: 10px;
}
div#container div#principal div.class_1CONDICIONES p a, div#container div#principal div.class_2PROTECCION p a, div#container div#principal div.class_3QUIENES p a {
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
div#container div#principal div.class_1CONDICIONES p a:hover, div#container div#principal div.class_2PROTECCION p a:hover, div#container div#principal div.class_3QUIENES p a:hover {
	text-decoration: none;
}


/*XXXXXXXXXXXXXXXXXXXXXXXX FAMILIAS XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal div.destacado div#cuerpo_familia {
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	font-size: 0.75em;
	position: relative;
	background: transparent url(/img/tile.gif) repeat top left;
	padding-bottom: 2px;
	height: 100%;
}
div#container div#principal div.destacado div#cuerpo_familia div.sector_familia {
	width: 224px;
	height: 40px;
	display: block;
	float: left;
	padding: 10px 20px;
	position: relative;
}
div#container div#principal div.destacado div#cuerpo_familia div.sector_familia a.nombre_familia {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	left: 50px;
	top: 5px;
	display: block;
	width: 175px;
	height: 40px;
	line-height: 16px;
}
div#container div#principal div.destacado div#cuerpo_familia div.sector_familia a.imagen_familia {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
	overflow: hidden;
}
div#container div#principal div.destacado div#cuerpo_familia div.sector_familia a.imagen_familia img.horizontal {
	width: 40px;
}
div#container div#principal div.destacado div#cuerpo_familia div.sector_familia a.imagen_familia img.vertical {
	height: 40px;
}
div#container div#principal div.destacado div#pie_familia {
	background: transparent url(/img/bg_relacionado.jpg) no-repeat center 100%;
	border-top: 1px solid #666666;
	height: 25px;
	display: block;
}
div#container div#principal div.destacado div.mini_producto {
	margin: 20px 0;
}
div#container div#principal div.destacado div.mini_producto form div.datos_producto img.imagen_producto {
	width: 75px;
	height: auto;
	left: 0px;
	padding: 0 30px;
}
div#container div#principal div.destacado div.mini_producto form div.datos_producto img.imagen_producto.horizontal {
	width: 75px;
	height: auto;
	left: 0px;
	padding: 0 30px;
}
div#container div#principal div.destacado div.mini_producto form div.datos_producto img.imagen_producto.vertical {
	height:75px;
	width: auto;
	left: 0px;
	padding: 0 30px;
}
div#container div#principal div.destacado div.mini_producto form div.datos_producto div.precio_producto a {
	position: relative;
	top: 18px;
}
div#container div#principal div.destacado div.mini_producto div.datos_producto p.frase {
	padding: 10px 10px 5px 10px;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX CUERPO REPROGRAFIA XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal div.destacado div#cuerpo_reprografia {
	font-size: 0.75em;
	position: relative;
	padding-bottom: 2px;
	height: 100%;
}
div#container div#principal div.destacado div#cuerpo_reprografia form label {
	margin: 20px 0 0px 10px;
	width: 200px;
	height: 20px;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #d4011c;
	clear:left;
	border-bottom: 1px dotted #d8d8d8;
}
div#container div#principal div.destacado div#cuerpo_reprografia form em {
	display: block;
	height: 20px;
	margin: 22px 0 0;
	float: left;
	color: #d4011c;
}
div#container div#principal div.destacado div#cuerpo_reprografia form input {
	height: 18px;
}
div#container div#principal div.destacado div#cuerpo_reprografia form input#repro_archivo {
	height: 22px;
	width: 160px;
	background: 0 none;
}
div#container div#principal div.destacado div#cuerpo_reprografia form div.validInput input.submit {
	height: 22px;
	width: 120px;
	margin: 10px 200px 40px;
	padding: 2px 4px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
	border: 0 none;
	line-height: 18px;
}
div#container div#principal div.destacado div#cuerpo_reprografia form div.validInput input.submit:hover {
	background: transparent url(/img/background-escalagris.gif) repeat-x scroll 100% 100%;
	cursor: pointer;
	color: #D4011C;
}
div#container div#principal div.destacado div#cuerpo_reprografia form select {
	height: 20px;
}
div#container div#principal div.destacado div#cuerpo_reprografia form input, div#container div#principal div.destacado div#cuerpo_reprografia form select {
	margin: 20px 16px 0px 0;
	width: 140px;
	font-size: 12px;
	line-height: 20px;
	float: left;
}
div#container div#principal div.destacado div#cuerpo_reprografia form input, div#container div#principal div.destacado div#cuerpo_reprografia form select {
	
}
div#container div#principal div.destacado div#cuerpo_reprografia form div.invalidInput, div#container div#principal div.destacado div#cuerpo_reprografia form div.invalidInput, 
div#container div#principal div.destacado div#cuerpo_reprografia form div.validInput, div#container div#principal div.destacado div#cuerpo_reprografia form div.validInput, 
div#container div#principal form#consumibles div.input div.invalidInput, div#container div#principal form#consumibles div.input div.invalidInput, 
div#container div#principal form#consumibles div.input div.validInput, div#container div#principal form#consumibles div.input div.validInput {
	display:compact;
	padding:1px;
	float:left;
}
div#container div#principal div.destacado div#cuerpo_reprografia form div.invalidInput input, div#container div#principal div.destacado div#cuerpo_reprografia form div.invalidInput select {
	background-image: url(/img/cross.gif);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding-right: 16px;
}
div#container div#principal div.destacado div#cuerpo_reprografia form div.validInput input, div#container div#principal div.destacado div#cuerpo_reprografia form div.validInput select {
	background-image: url(/img/tick.gif);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding-right: 16px;
}
div#container div#principal div.destacado div#cuerpo_reprografia form select {
	width: 160px;
}
div#container div#principal div.destacado div#cuerpo_reprografia form input#repro_comentarios {
	width: 300px;
	height: 50px;
	padding: 0;
	background-image: none;
}
div#container div#principal div.destacado div#cuerpo_reprografia form div#tabla_tarifas {
	clear: both;
	padding-top: 40px;
}
div#container div#principal div.destacado div#cuerpo_reprografia form div.row {
	clear: both;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
div#container div#principal div.destacado div#cuerpo_reprografia form div.row div {
	border-top: 1px solid #e9e9e9;
}
div#container div#principal div.destacado div#cuerpo_reprografia form div.row b {
	font-weight: bold;
	color: #D4011C;
}
div#container div#principal div.destacado div#cuerpo_reprografia form div.row div.cabecera {
	width: 100px;
	height: 20px;
	float: left;
	display: block;
	line-height: 20px;
	margin: 0 0 5px 0;
	font-weight: bold;
	color: #D4011C;
}
div#container div#principal div.destacado div#cuerpo_reprografia form div.row div.input {
	width: 100px;
	height: 20px;
	float: left;
	display: block;
	line-height: 20px;
	margin: 0 0 5px 0;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX PAGINAS ESTATICAS XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal form#consumibles {
	padding: 15px;
	position: relative;
}
div#container div#principal form#consumibles p {
	font-size: 12px;
	line-height: 15px;
	margin: 5px 0;
}
div#container div#principal form#consumibles ul {
	font-size: 12px;
	line-height: 15px;
	margin: 5px 0 25px;
}
div#container div#principal form#consumibles ul li {
	font-size: 12px;
	line-height: 15px;
	margin: 5px 0 5px 15px;
}
div#container div#principal form#consumibles div.input {
	clear: both;
	height: 50px;
}
div#container div#principal form#consumibles div.input label {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #d4011c;
	float: left;
	width: 300px;
	padding-bottom: 4px;
}
div#container div#principal form#consumibles div.input label em {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #000000;
}
div#container div#principal form#consumibles div.input em {
	color: #d4011c;
	font-size: 0.75em;
}
div#container div#principal form#consumibles div.input select {
	width: 187px;
	display: block;
	margin: 0 10px 10px 0;
}
div#container div#principal form div.input input {
	width: 170px;
	display: block;
	margin: 0 10px 10px 0;
	padding: 1px 0;
}
div#container div#principal form#consumibles div.input div.invalidInput input, div#container div#principal form#consumibles div.input div.invalidInput select {
	background-image: url(/img/cross.gif);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding-right: 16px;
}
div#container div#principal form#consumibles div.input div.validInput input, div#container div#principal form#consumibles div.input div.validInput select {
	background-image: url(/img/tick.gif);
	background-repeat: no-repeat;
	background-position: 100% center;
	padding-right: 16px;
}
div#container div#principal form#consumibles div#procesando {
	position: absolute;
	right: 100px;
	bottom: 50px;
}
div#container div#principal form div.submit {
	clear: both;
	float: none;
	display:block;
	height: 25px;
}
div#container div#principal form div.submit input {
	color: #ffffff;
	background: transparent url(/img/background.gif) repeat-x scroll 100% 100%;
	border: 1px solid #ffffff;
	font-weight: bold;
	padding: 2px 4px;
	cursor: pointer;
	clear: both;
	float: none;
}
div#container div#principal form div.submit input:hover {
	color: #d4011c;
	background: transparent url(/img/background-escalagris.gif) repeat-x scroll 100% 100%;
	border: 1px solid #d4011c;
}
div#container div#principal h4#consumiblesOriginales {
	background-image: url(/img/consumibles-originales.gif);
	background-position: center 0;
	background-repeat: no-repeat;
	color: transparent;
	line-height: 86px;
}
div#container div#principal h4#consumiblesOriginales span.hidden {
	visibility: hidden;
}
div#container div#principal h4#consumiblesOriginales img {
	width: 500px;
	margin: 0 15px;
}
div#container div#principal img.listaConsumibles {
	margin: 20px 40px 0;
}
div#container div#principal form#consumibles div.submit input {
	margin: 10px 30px 0 0;
	padding: 5px;
	width: 120px;
}
div#container div#principal form#consumibles div.submit span {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	padding-right: 35px;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX PAGINAS ESTATICAS XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal div.class_ {
	background-color: #dddddd;
	border: 1px solid #666666;
	font-size: 12px;
	margin: 0;
	padding: 10px;
}
div#container div#principal div.class_ p {
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	position: relative;
}
div#container div#principal div.class_ p.right {
	text-align: right;
}
div#container div#principal div.class_ p.pseudomenu {
	float: left;
	padding: 5px 0;
	text-align: center;
	width: 50%;
}
div#container div#principal div.class_ p.pseudomenu a.current {
	text-decoration: underline;
}
div#container div#principal div.class_ p a {
	color: #D4011C;
	font-weight: bold;
}
div#container div#principal div.class_ p a:hover {
	text-decoration: underline;
}


div#container div#principal div#resumenFinal table#cesta {
	background-color: #ffffff;
	margin-bottom: 10px;
	width: 510px;
}
div#container div#principal div#resumenFinal p {
	font-size: 12px;
	padding: 2px 0;
	text-align: justify;
}

/*XXXXXXXXXXXXXXXXXXXXXXXX CONSUMIBLES XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#principal form#consumibles div.submit {
	text-align: right;
	padding-right: 10px;
}
div#container div#principal div.consumibles {
	margin: 40px 0 80px;
}
div#container div#principal div.consumibles div.subproductos {
	
}
div#container div#principal div.consumibles div.subproductos div.row {
	border-bottom: 1px solid #cccccc;
	clear: both;
}
div#container div#principal div.consumibles div.subproductos div.cabecera, div#container div#principal div.consumibles div.subproductos div.cuerpo {
	padding: 2px 5px;
	float: left;
}
div#container div#principal div.consumibles div.subproductos div.cabecera div, div#container div#principal div.consumibles div.subproductos div.cuerpo div {
	border-bottom: 1px solid #cccccc;
	padding: 2px 5px;
}
div#container div#principal div.consumibles div.subproductos div.cabecera {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
div#container div#principal div.consumibles div.subproductos div.cuerpo {
	font-size: 10px;
}
div#container div#principal div.consumibles div.subproductos div.row div.codigo, 
div#container div#principal div.consumibles div.subproductos div.row div.stock {
	width: 30px;
	text-align: center;
}
div#container div#principal div.consumibles div.subproductos div.row div.precio {
	width: 50px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}
div#container div#principal div.consumibles div.subproductos div.row div.referencia {
	width: 80px;
}
div#container div#principal div.consumibles div.subproductos div.row div.descripcion {
	width: 255px;
}
div#container div#principal div.consumibles div.subproductos div.row div.descripcion img.imgConsumible {
	float: left;
	max-height: 80px;
	max-width: 80px;
}
div#container div#principal div.consumibles div.subproductos div.row div.cantidad {
	width: 50px;
}
div#container div#principal div.consumibles div.subproductos div.row div.anadir {
	width: 45px;
	text-align: right;
}
div#container div#principal div.consumibles div.subproductos div.anadir div.validInput {
	border: 0 none;
	padding: 0;
}
div#container div#principal div.consumibles div.subproductos div.row div.anadir input.carrito {
	border: 0 none;
	width: 30px;
}
div#container div#principal div.consumibles div.subproductos div.cantidad div.validInput {
	border: 0 none;
	padding: 0;
}
div#container div#principal div.consumibles div.subproductos div.cantidad div.validInput input.cantidad {
	width: 25px;
	margin: 0 10px;
	text-align: center;
}


div#listadoMarcas div#especificaciones {
	background-color: #ffffff;
	border: 2px solid #d4011c;
	display: none;
	font-size: 9px;
	height: 180px;
	left: 400px;
	padding: 20px 0 0 0;
	position: absolute;
	top: 325px;
	width: 325px;
}
div#listadoMarcas div#especificaciones div#especificacionesContent {
	height: 160px;
	overflow: scroll;
	padding: 0 10px 20px;
}
div#listadoMarcas input.toggler {
	cursor: pointer;
}
div#listadoMarcas div#especificaciones input.toggler {
	background-image: url(/img/borrar_cesta.gif);
	background-repeat: no-repeat;
	border: 0 none;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 40px;
}
div#listadoMarcas div#especificaciones table th, div#listadoMarcas div#especificaciones table td {
	border: 1px solid #dedede;
	padding: 1px 3px;
}
/*XXXXXXXXXXXXXXXXXXXXXXXX PIE XXXXXXXXXXXXXXXXXXXXXXXX*/

div#container div#footer {
	background-color: #d4011c;
	background-image: url(/img/footerTop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 60px 0 0 0;
	padding: 10px 10px 20px;
}
div#container div#footer h4 {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
}
div#container div#footer ul#menuFooter {
	background-image: url(/img/bgFooterList.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	margin-bottom: 10px;
	padding: 10px;
}
div#container div#footer ul#menuFooter li {
	float: left;
	padding: 0;
	width: 178px;
}
div#container div#footer ul#menuFooter li a {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
div#container div#footer ul#menuFooter li a:hover {
	text-decoration: none;
}
div#container div#footer ul#menuFooter li ul.footerChild {
	height: 200px;
	margin-bottom: 15px;
	padding: 5px 0 0;
}
div#container div#footer ul#menuFooter li ul.footerChild li {
	float: none;
	padding: 0 5px;
}
div#container div#footer ul#menuFooter li ul.footerChild li a {
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
div#container div#footer ul#menuFooter li ul.footerChild li a:hover {
	text-decoration: underline;
}
div#container div#footer p {
	color: #ffffff;
	font-size: 0.7em;
	text-align: center;
	line-height: 20px;
}
div#container div#footer p a {
	color: #ffffff;
	text-decoration: none;
	padding: 0 20px;
	font-weight: bold;
}
div#container div#footer p a:hover {
	text-decoration: underline;
}
div#container div#footer p img {
	margin-right: 20px;
	margin-bottom: -12px;
	margin-left: 20px;
}

div#container div#columna_izq div#menu_vertical_ppl ul li.invisible {
	background-color: #ffffff;
	border: 0 none;
}
div#container div#columna_izq div#menu_vertical_ppl ul li.invisible:hover {
	background-color: #ffffff;
	border: 0 none;
}
div#container div#columna_izq div#menu_vertical_ppl ul li.invisible a {
	background-image: none;
	color: #ffffff;
}
div#container div#columna_izq div#menu_vertical_ppl ul li.invisible a:hover {
	background-image: none;
	color: #ffffff;
}