body {
	margin: 0;
	padding: 0;
	font-family: Verdana, arial;
	font-size: 10px;
	background: #003d7d url("../img/back-total.gif");
	}

h2 {
	font-size: 140%;
	font-weight: bolder;
	font-family: arial, verdana;
	letter-spacing: 2px;
	margin: 0 0 8px 0;
	text-transform: uppercase;
	color: #003D7D;
	padding-bottom: 4px;
	border-bottom: 1px dotted #aaa;
	}

h3 {
	font-size: 110%;
	margin: 0 0 8px 0;
	}

a {
	color: #003D7D;
	text-decoration: none;
	}

a:hover {
	color: #215D93;
	}

input, select {
	font-size : 9px;
	padding: 4px;
	}

textarea {
	border: 1px solid #003D7D;
	background-color: #fff;
	margin: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 4px;
	}

.inputbox {
	border: 1px solid #003D7D;
	background-color: #fff;
	margin: 0 0 5px 0;
	}

.inputsubmit {
	color: #000;
	background-color: #eee;
	border: 1px solid #003D7D;
	font-size : 90%;
	font-weight: bold;
	padding: 2px 8px;
	margin: 2px;
	}

form {
	margin-top: 0;
	margin-bottom: 0;
	}

/*** LAYERS ***/

#top {
	width: 770px;
	height: 105px;
	margin: 15px auto 0 auto;
	background: #fff url("../img/content-back.gif") no-repeat bottom center;
	}

#top-menu {
	float: right;
	width: 500px;
	height: 94px;
	background: url("../img/top-back.gif") repeat-x;
	}

#subtop {
	height: 140px;
	background: #003D7D;
	}

#header {
	width: 770px;
	height: 140px;
	margin: 0 auto;
	background: #fff;
	}

#menu {
	float: none;
	clear: both;
	width: 770px;
	height: 25px;
	margin: 0 auto;
	background-color: #003D7D;
	}

#main {
	margin: 0 auto;
	padding: 0;
	width: 770px;
	border-top: 1px solid #D5D5D5;
	background: #fff url("../img/back-main-home.jpg") repeat-y;
	}

#main_interior {
	margin: 0 auto;
	padding: 0;
	width: 770px;
	border-top: 1px solid #D5D5D5;
	background: #fff url("../img/back-main-interior.jpg") repeat-y;
	}

#col-izquierda {
	float: left;
	width: 165px;
	vertical-align: top;
	}

#col-central {
	float: left;
	width: 300px;
	vertical-align: top;
	}

#col-derecha {
	float: left;
	width: 305px;
	background: #fff;
	vertical-align: top;
	}

#col-central-interior {
	float: left;
	width: 605px;
	_width: 600px;
	vertical-align: top;
	}

#contenido {
	margin: 10px 14px 15px 9px;
	}

#contenido p {
	margin: 3px 0;
	}

#pie {
	float: none;
	clear: both;
	width: 750px;
	background: #003D7D;
	color: #fff;
	padding: 10px;
	margin: 0 auto;
	border-top: 2px solid #aaa;
	}

/*** IMAGENES ***/

#logo-rendo {
	float: none;
	clear: both;
	width: 750px;
	margin: 15px auto;
	text-align: right;
	}

#img_bnn_top {
	float: left;
	margin: 5px 0 0 15px;
	}

#img_bnn_logo {
	float: left;
	}

#img_bnn_left {
	float: left;
	}

#img_bnn_right {
	float: right;
	}

/*** CONTENIDOS ***/

.aviso {
	padding: 8px;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	margin-bottom: 8px;
	margin-top:10px;
	color: #333;
	}

.volver {
	float: none;
	clear: both;
	text-align: right;
	padding: 10px 10px 5px 0;
	}

.separador {
	clear: both;
	height: 15px;
	}

#espacio {
	display: block;
	height: 2px;
	}

#texto_pie {
	text-align: center;
	margin: 4px;
	}

#paginacion {
	clear: both;
	margin: 4px 0;
	text-align: center;
	}

#paginacion a {
	border: 1px solid #ddd;
	background: #ccc;
	padding: 2px 3px;
	margin: 3px;
	}

#paginacion .pagina {
	border: 1px solid #ddd;
	background: #003D7D;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	padding: 2px 3px;
	margin: 3px;
	}

#funciones_paginas {
	float: none;
	clear: both;
	text-align: right;
	margin: 5px 0;
}

#funciones_paginas ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#funciones_paginas ul li {
	display: inline;
	padding: 0 5px;
}

#funciones_paginas img {
	vertical-align: middle;
	margin: 0 4px 0 0;
	padding: 0;
	border: 0;
	float: none;	
}

/*** MENUS ***/

/*** IDIOMAS ***/

#menu_idiomas {
	float: left;
	margin: 10px 0 0 10px;
	width: auto;
	}

#menu_idiomas ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#menu_idiomas li {
	float: left;
	margin: 0;
	padding: 0 5px;
	letter-spacing: 1px;
	font-weight: bold;
	}

#menu_idiomas li a {
	float: left;
	text-decoration: none;
	color: #000;
	border: none;
	}

#menu_idiomas li a:hover {
	color: #444;
	}

#menu_idiomas img {
	float: left;
	border: 0;
	padding-right: 4px;
	}

/*** MENU SUPERIOR ***/

.menu_top {
	float: right;
	margin: 10px 10px 0 0;
	width: auto;
	}

.menu_top ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.menu_top li {
	float: left;
	margin: 0;
	padding: 0 5px;
	font-weight: bold;
	}

.menu_top li a {
	text-decoration: none;
	color: #000;
	}

.menu_top li a:hover {
	color: #444;
	}

.menu_top li a.active {
	color: #444;
	}

.imagen_top {
	float: left;
	padding-right: 4px;
	}

/*** MENU PRINCIPAL ***/

.menu_principal {
	text-align: center;
	color: #fff;
	padding-top: 5px;
	}

.menu_principal ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.menu_principal li {
	display: inline;
	height: 25px;
	margin: 0;
	padding: 0 25px;
	font-size: 1.2em;
	border-right: 1px solid #fff;
	}

.menu_principal li a {
	text-decoration: none;
	color: #fff;
	border: none;
	}

.menu_principal li a:hover {
	color: #D0DCFB;
	}

.menu_principal li a.active {
	color: #D0DCFB;
	}

/*** MENU CATEGORIAS HOME ***/

.menu_categorias-home {
	margin: 0;
	padding: 0;
	background: #F6F6F7;
	}

.menu_categorias-home ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.menu_categorias-home li {
	display: inline;
	}

.menu_categorias-home a {
	float: left;
	width: 89px;
	height: 110px;
	margin: 1px;
	padding: 4px;
	text-decoration: none;
	text-align: center;
	color: #003D7D;
	border: none;
	background: #F6F6F7;
	}

.menu_categorias-home a:hover {
	color: #fff;
	background: #bfbfbf;
	}

.menu_categorias-home span {
	display: block;
	margin: 7px 0 0 0;
	}

/*** MENU CATEGORĶAS DE PRODUCTOS ***/

.menu_categorias-productos {
	width: 150px;
	margin: 0;
	padding: 0;
	background: #fff;
	}

.menu_categorias-productos ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.menu_categorias-productos li {
	display: inline;
	}

.menu_categorias-productos a {
	float: left;
	width: 150px;
	height: 70px;
	text-decoration: none;
	color: #003D7D;
	border-bottom: 1px dashed #ddd;
	margin: 0;
	}

.menu_categorias-productos a:hover {
	color: #fff;
	background: #bfbfbf;
	}

.menu_categorias-productos a.active {
	color: #fff;
	background: #bfbfbf;
	}

.menu_categorias-productos object {
	display: block;
	float: left;
	vertical-align: middle;
	margin: 3px 4px 0 2px;
	padding: 0;
	}

.titulo_categorias-productos {
	display: block;
	margin: 15px 0 0 0;
	}

.titulo_categorias-productos_active {
	display: block;
	margin: 15px 0 0 0;
	}

/*** SUBMENU HORIZONTAL ***/

.menu_submenu {
	height: 25px;
	background: #999999;
	}

.menu_submenu ul {
	margin: 0;
	padding: 6px;
	list-style: none;
	}

.menu_submenu li {
	float: left;
	margin: 0;
	padding: 0 14px;
	border-right: 1px solid #fff;
	}

.menu_submenu li a {
	float: left;
	text-decoration: none;
	color: #fff;
	border: none;
	}

.menu_submenu li a:hover {
	color: #cdcdcd;
	}

.menu_submenu li a.active {
	color: #aaa;
	}

.menu_submenu img {
	float: left;
	border: 0;
	padding-right: 4px;
	}

/*** SUBMENUS ***/

.marcas_productos {
	height: 22px;
	margin: 4px 0;
	background: #003d7d;
	font-size: 1.1em;
	}

.marcas_productos ul {
	margin: 0;
	padding: 4px;
	list-style: none;
	}

.marcas_productos li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 7px;
	border-right: 1px solid #fff;
	}

.marcas_productos li a {
	float: left;
	text-decoration: none;
	color: #fff;
	border: none;
	}

.marcas_productos li a:hover {
	color: #cdcdcd;
	}

.marcas_productos li a.active {
	color: #aaa;
	}

.marcas_productos .activo {
	font-weight: bolder;
	color: #9feaff;
	}

.marcas_productos .etiqueta {
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	margin: 4px 0 0 6px;
	padding: 0 10px 0 4px;
	border-right: 1px solid #fff;
	}

/*** PANEL DE ARTICULOS ***/

.panel_articulos_titulo_mod {
	margin: 10px 8px 12px 5px;
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 8px;
	padding-left: 20px;
	border-bottom: 1px solid #D5D5D5;
	background: url("../img/bullet-titulos.gif") no-repeat 4px 2px;
	}

.panel_articulos {
	margin: 10px 8px 10px 5px;
	}

.panel_articulos p {
	margin: 0;
	}

.panel_articulos_fecha {
	color: #003D7D;
	font-weight: bold;
	}

.panel_articulos_titulo {
	margin: 10px 8px 12px 5px;
	font-weight: bold;
	font-size: 110%;
	}

.panel_articulos_imagen {
	border: 1px solid #D5D5D5;
	float: left;
	margin: 0 6px 2px 0;
	}

.panel_articulos_leermas{
	padding: 5px;
	text-align: right;
	}

.panel_articulos_todos {
	text-align: right;
	margin-right: 4px;
	}

/*** BUSCADOR ***/

#buscador_productos {
	display: block;
	margin: 0;
	color: #666;
	background: #eaeaea;
	padding: 1px 3px;
	}

.campo {
	display: block;
	vertical-align: middle;
	text-align: right;
	}

.campo input {
	vertical-align: middle;
	}

/*** SUCURSALES ***/

.articulos_sucursales_registro {
	float: left;
	width: 255px;
	height: 155px;
	margin: 10px;
	background: #F6F6F7;
	padding: 0;
	}

.articulos_sucursales_registro_destacado {
	float: left;
	width: 530px;
	margin: 10px 10px 0 10px;
	background: #F6F6F7;
	padding: 0 0 25px 0;
	}

.articulos_sucursales_titulo {
	display: block;
	background: #003d7d url(../img/sucursales-back.gif) no-repeat top right;
	height: 20px;
	padding: 5px 18px 0 10px;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	}

.articulos_sucursales_resumen {
	display: block;
	padding: 5px 10px 0 10px;
	}


/*** PANEL DE ACCESO ***/

.panel_acceso {
	background-color: #ddd;
	padding: 6px;
	width: 240px;
	margin: 5px auto;
}

.panel_acceso .etiqueta {
	display: block;
	margin: 4px 0;
}

.panel_acceso .botones {
	margin: 8px 0 4px 0;
	text-align:center;		
}

.panel_acceso .recuperar_password {
	padding: 5px 0;
	text-align: center;
}

.panel_acceso .recuperar_password a {	
	color: #000;
	text-decoration: none;		
}

.panel_acceso .recuperar_password a:hover {	
	color: #777;
	text-decoration: underline;		
}

.panel_acceso .bienvenido {
	margin: 6px 10px;
	display:block;
	font-weight:bold;
}


/*** PRODUCTOS ***/

#list_productos {
	margin: 0;
	padding: 0;
	text-align: center;
	}

.registro_productos {
	float: left;
	width: 182px;
	_width: 180px;
	height: 250px;	
	_height: 260px;	
	margin: 5px;
	background-color: #F2F2F2;
	text-align: center;
}

#listado_nombre {
	padding: 5px;
	height: 40px;
	background: url(../img/back-nombre-producto.jpg) no-repeat;
	color: #fff;
}	

#listado_nombre a {
	color: #fff;
}	

#listado_nombre a:hover {
	color: #ddd;
}	

#listado_miniatura  {
	width: 140px;
	margin: 5px auto;
}

#listado_miniatura  img{
	border: 1px solid #ccc;
}

.registro_productos #marcas {
	margin: 0;
}

.registro_productos .marcas_registro {
	display: inline;
	width: 50px;
	text-align: center;
}

.registro_productos .marcas_registro img {
	border: none;
	width: 50px;
	vertical-align: middle;
}

#listado_resumen {
	float: none;
	clear: both;
	font-weight: normal;
	height: 50px;
	margin: 5px;
	}

#listado_resumen a {
	color: #333;
	}

#listado_resumen a:hover {
	color: #000;
	}

/*** DETALLE DE PRODUCTOS ***/

#detalle_nombre {
	margin-bottom: 10px;	
	font-weight: bold;	
}

#detalle_caracteristicas {
	float:left;
	width: 274px;
}

#detalle_imagen  {
	float: left;
	border: 1px solid #D5D5D5;
}

#detalle_lateral {
	float: right;
	padding-right: 10px;
	width: 275px;
}

#detalle_productos #marcas {
	margin: 0;
}

#detalle_productos .marcas_registro {
	display: inline;
	width: 50px;
}

#detalle_productos .marcas_registro img {
	border: none;
	width: 50px;
	vertical-align: middle;
}

#detalle_caracteristicas {
	margin-top: 5px;
}

#detalle_caracteristicas .etiqueta, #detalle_notas .etiqueta, #detalle_aplicaciones .etiqueta {
	background: #003D7D;
	padding: 5px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
	margin: 10px 0;
	}

#detalle_caracteristicas ul {
	margin: 0 0 0 -22px;
}

*html #detalle_caracteristicas ul {
	margin: 0 0 0 19px;
}

#detalle_productos .grupo_5 {
	clear: both;
	padding-top: 10px;
}

#detalle_productos .normas_titulo_mod, #detalle_productos .codigos_titulo_mod {
	background: #003D7D;
	padding: 5px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
	margin: 5px 0 0 0;
	}

#detalle_productos #codigos, #detalle_productos #normas  {
	float: left;
	width: 100%;
	clear: both;
	margin: 5px 0;
}

#detalle_productos .codigos_registro, #detalle_productos .normas_registro  {
	float: left;
	width: 100%;
	clear: both;
	min-height: 20px;
	padding: 2px;	
}

*html #detalle_productos .codigos_registro, #detalle_productos .normas_registro  {
	height: 20px;
}

#detalle_productos .codigos_nombre, #detalle_productos .normas_codigo  {
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
}

#detalle_productos .codigos_data, #detalle_productos .normas_nombre  {
	float: left;
	border-left: 1px solid #aaa;
	padding: 5px;
}

#detalle_notas {
	float: none;
	clear: both;
	margin-bottom: 10px;
}

#detalle_notas ol {
	float: left;
}

#detalle_aplicaciones {
	float: none;
	clear: both;
	margin-bottom: 10px;
}

#detalle_productos #boton_carro {
	padding: 5px;
	background-color: #F2F2F2;
}

#detalle_productos #boton_carro img {
	border: 0;
	float: none;
	padding: 0;
	margin: 0;
}

/* CARRO DE COMPRAS */

#carro_de_compras .encabezado {
	height: 22px; 
	padding:5px; 
	background-color: #003D7D; 
	color: #fff;
}

#carro_de_compras .encabezado .cantidad {
	display: block; float: left; padding:5px; width: 53px; border-right:1px solid #FFF;
}

#carro_de_compras .encabezado .producto {
	display: block; float: left; padding:5px; width: 290px; border-right:1px solid #FFF;
}

#carro_de_compras .encabezado .pu {
	text-align: right; display: block; float: left; padding:5px; width: 60px; border-right:1px solid #FFF;
}

#carro_de_compras .encabezado .precio {
	text-align: right; display: block; float: left; padding:5px; width: 70px; border-right:1px solid #FFF;
}

#carro_de_compras .encabezado .quitar {
	text-align: center; display: block; float: left; padding:5px; width: 40px;
}

#carro_de_compras .item {
	height: 22px; 
	border-bottom:1px solid #E3E3E3;
}

#carro_de_compras .item .cantidad {
	text-align: center; display: block; float: left; padding:5px; width: 53px; 
}

#carro_de_compras .item .producto {
	display: block; float: left; padding:10px 5px 5px 5px; width: 290px;
}

#carro_de_compras .item .pu {
	text-align: right; display: block; float: left; padding:10px 5px 5px 5px; width: 60px;
}

#carro_de_compras .item .precio {
	text-align: right; display: block; float: left; padding:10px 5px 5px 5px; width: 70px;
}

#carro_de_compras .item .quitar {
	margin-left: 11px;
	text-align: center; display: block; float: left; padding:5px; width: 40px;
}

#carro_de_compras .descuento {
	height: 24px; background-color: #F2F2F2; margin-bottom: 3px;
}

	#carro_de_compras .descuento .etiqueta {
		padding-top: 5px; text-align: right; text-transform: uppercase; display: block; float: left; width: 440px;
	}
	
	#carro_de_compras .descuento .valor {
		padding-top: 5px;text-align: right; display: block; float: left; width: 70px;
	}

#carro_de_compras .total {
	height: 24px; background-color: #F2F2F2; font-weight:bold;
}

	#carro_de_compras .total .etiqueta {
		padding-top: 5px; text-align: right; text-transform: uppercase; display: block; float: left; width: 440px;
	}
	
	#carro_de_compras .total .valor {
		padding-top: 5px;text-align: right; display: block; float: left; width: 70px;
	}

#carro_de_compras .comandos {
	height: 24px; margin-top: 25px;
}

#carro_de_compras .comandos #boton_vaciar {
	background-color: red; color: #fff; float:left; text-transform: uppercase;  padding: 8px;
}

#carro_de_compras .comandos #boton_recalcular {
	background-color: #F2F2F2; float:right; text-transform: uppercase; padding: 8px;
}

#carro_de_compras .comandos #boton_finalizar {
	background-color: #F2F2F2; float:right; padding: 8px; text-transform: uppercase; padding: 8px; margin-left: 4px;
}

#carro_de_compras .comandos #boton_modificar_pedido {
	background-color: #F2F2F2; float:right; padding: 8px; text-transform: uppercase; padding: 8px; margin-left: 4px;
}


/*** CONTACTO ***/

#contactos {
	margin: 10px auto;
	width: auto;
	}

#contactos .campo {
	text-align: left;
	margin: 0 0 2px 0;
	padding: 2px;
	}

#contactos .etiqueta {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 5px;
	margin: 2px 0;
	}

#contactos .botones {
	display: block;
	text-align: center;
	margin-top: 5px;
	}