@charset "utf-8";
/* CSS Document */

body { padding: 0; margin: 0; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666;}

p { margin: 0 0 0.5em 0; font-size: 8pt;}

a { text-decoration: none; color: #666666;}
a:hover { text-decoration: none; color: #333333;}

.con_margen {margin: 0 0 1em 0; padding: 0 0 1em 0;}

.oculto { display: none;}

.padding_top_1 { padding: 1em 0 0 0;}
.padding_top_2 { padding: 2em 0 0 0;}
.padding_top_10 { padding: 7em 0 0 0;}
.padding_dcha_1 { padding: 0 1em 0 0;}
.padding_bottom_1 { padding: 0 0 1em 0;}
.padding_izda_1 { padding: 0 0 0 1em;}
.padding_bottom_dcha { padding: 0 1em 1em 0;}
.padding_bottom_dcha_top { padding: 1em 1em 1em 0;}
.padding_contorno { padding: 1em;}

.margin_dcha_05 { margin: 0 0.5em 0 0;}
.margin_top_bottom_1 { margin: 1em 0 1em 0;}

.grande { font-size: 10pt;}
.mas_grande { font-size: 11pt;}
.x_grande { font-size: 12pt;}
.xx_grande { font-size: 18pt;}
.pequena { font-size: 8pt;}
.mas_pequena { font-size: 7pt;}
.x_pequena { font-size: 6pt;}
.xx_pequena { font-size: 3pt;}

.line-height_23 { line-height: 23px; vertical-align: text-bottom}

.normal { font-weight: normal;}
.negrita { font-weight: bold;}
.mayusculas { text-transform:uppercase}

.negro { color: #000000;}
.blanco { color: #fff;}
.gris { color: #a3a19e;}
.gris_oscuro { color: #808080;}
.verde { color:#006830;}
.verde_claro { color:#5F901C;}
.azul { color: #282d92;}
.azul_claro { color: #008dcb;}
.morado { color: #ad4792;}
.morado_oscuro { color: #660099;}
.naranja { color: #ff9900;}
.turquesa { color: #00959e;}
.rosa { color: #ff6666;}
.chicle { color: #e95c55;}
.rojo { color: #be0a32}

.derecha { float: right;}
.izquierda { float: left;}
.centro { text-align: center;}
.izquierdo { text-align: left;}
.derecho { text-align: right;}
.justificado { text-align: justify;}
.subrayado { text-decoration: underline;}
.subrayado:hover { text-decoration: underline;}

.no_vertical { vertical-align: text-top;}

.borde { border: 1px solid #CCCCCC;}
.borde_top { border-top: 1px solid #999999;}
.borde_top_blanco { border-top: 1px solid #FFFFFF;}
.borde_bottom { border-bottom: 1px solid #999999;}

.ancho90 {width: 90px;}
.ancho80 {width: 80px;}
.ancho70 {width: 70px;}

.logo_top { display: block; float: left; width: 14em; height: 6.5em; text-decoration: none;}

.item_menu_top_new { display: block; float: left;padding: 3.5em 0 0 1em; height: 3em; width: 8.3em; text-align: center; color: #999999;background: url(../imagenes/icono_new.jpg) left 8px no-repeat; }
.item_menu_top_new2 { display: block; float: left; padding: 3.5em 0 0 0; width: 7.3em; text-align: center; color: #999999;}
.item_menu_top_new2_sel { display: block; float: left; padding: 3.5em 0 0 0; width: 7.3em; text-align: center; color: #c6c4c4;}
.item_menu_top { display: block; float: left; padding: 3.5em 0 0 0; width: 8.3em; text-align: center; color: #999999;}
.item_menu_top_sel { display: block; float: left; padding: 3.5em 0 0 0; width: 8.3em; text-align: center; color: #c6c4c4;}
.item_flujo { color: #999999; text-decoration: none; font-size: 7pt; padding: 0 0 0 0.5em;}

.flujo { color: #000; text-decoration: underline;}
.flujo:hover { color: #ff9919; text-decoration: underline;}

.foto_izda { float: left;}
.foto_dcha { float: right;}
.foto_sinborde { border: none;}

.foto_familia { float: left; margin: 0 0.4em 0 0;}

.img_saludybelleza { display: block; float: left; width: 7em; height: 18em; margin: 0 0.5em 0 0; padding: 0.2em; border: 1px solid #CCCCCC; text-align: left;}

.item_menu_pie { font-size: 8pt; margin: 0; color: #a3a19e;}
.item_menu_pie_sel { font-size: 8pt; margin: 0; color: #333333;}

.lista { margin: 0; padding: 0; }
.lista li { margin: 0 0 0.5em 0; list-style-image: url(../imagenes/icono_lista.gif);}

.lista01 li { list-style-type: none;}

.lista02 { margin: 0 0 0 10em; padding: 0; font-size: 8pt;}
.lista02 li { margin: 0 0 0.5em 0;}

.item_familia { display: block; float: left; width: 100%; padding: 0.2em 0; color: #58585a; font-size: 8pt;}
.item_familia:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #58585a; font-size: 8pt; background: #e6e6e6;}
.item_familia_sel { display: block; float: left; width: 100%; padding: 0.2em 0; color: #58585a; font-size: 8pt; background: #e6e6e6;}
.item_familia_sel:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #58585a; font-size: 8pt; background: #e6e6e6;}
.item_familia_pequena { display: block; float: left; width: 100%; padding: 0.2em 0; color: #58585a; font-size: 7pt;}
.item_familia_pequena:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #58585a; font-size: 7pt; background: #e6e6e6;}
.item_familia_pequena_sel { display: block; float: left; width: 100%; padding: 0.2em 0; color: #58585a; font-size: 7pt; background: #e6e6e6;}
.item_familia_pequena_sel:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #58585a; font-size: 7pt; background: #e6e6e6;}

.item_familia_blanco { display: block; float: left; width: 100%; padding: 0.2em 0; color: #58585a; font-size: 8pt;}

.item_submenu_top { display:block; float: left; height: 1.45em; padding: 0.3em 0 0 3em; color: #FFFFFF; font-size: 8pt;}
.item_submenu_top:hover { color: #000;}
.item_submenu_top_sel { display:block; float: left; height: 1.5em; padding: 0.25em 0 0 3em; color: #000; font-size: 8pt;}

.familia01 { display: block; float: left; width: 100%; padding: 0.2em 0; color: #999999; font-size: 8pt;}
.familia01:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #999999; font-size: 8pt; background: #e6e6e6;}
.familia01_sel { display: block; float: left; width: 100%; padding: 0.2em 0; color: #999999; font-size: 8pt; background: #e6e6e6;}
.familia01_sel:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #999999; font-size: 8pt; background: #e6e6e6;}

.familia02 { display: block; float: left; width: 100%; padding: 0.2em 0; color: #ad4792; font-size: 8pt;}
.familia02:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #ad4792; font-size: 8pt; background: #e6e6e6;}
.familia02_sel { display: block; float: left; width: 100%; padding: 0.2em 0; color: #ad4792; font-size: 8pt; background: #e6e6e6;}
.familia02_sel:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #ad4792; font-size: 8pt; background: #e6e6e6;}

.familia03 { display: block; float: left; width: 100%; padding: 0.2em 0; color: #0072ba; font-size: 8pt;}
.familia03:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #0072ba; font-size: 8pt; background: #e6e6e6;}
.familia03_sel { display: block; float: left; width: 100%; padding: 0.2em 0; color: #0072ba; font-size: 8pt; background: #e6e6e6;}
.familia03_sel:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #0072ba; font-size: 8pt; background: #e6e6e6;}

.familia04 { display: block; float: left; width: 100%; padding: 0.2em 0; color: #89c33f; font-size: 8pt;}
.familia04:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #89c33f; font-size: 8pt; background: #e6e6e6;}
.familia04_sel { display: block; float: left; width: 100%; padding: 0.2em 0; color: #89c33f; font-size: 8pt; background: #e6e6e6;}
.familia04_sel:hover { display: block; float: left; width: 100%; padding: 0.2em 0; color: #89c33f; font-size: 8pt; background: #e6e6e6;}

.familia05 { display: block; float: left; width: 100%; padding: 0.2em 0 1.5em 0; color: #00959e; font-size: 8pt;}
.familia05:hover { display: block; float: left; width: 100%; padding: 0.2em 0 1.5em 0; color: #00959e; font-size: 8pt; background: #e6e6e6;}
.familia05_sel { display: block; float: left; width: 100%; padding: 0.2em 0 1.5em 0; color: #00959e; font-size: 8pt; background: #e6e6e6;}
.familia05_sel:hover { display: block; float: left; width: 100%; padding: 0.2em 0 1.5em 0; color: #00959e; font-size: 8pt; background: #e6e6e6;}


.tit_productos_mapaweb { display: block; float: left; width: 28.5em;}
.tit_nurel_mapaweb { display: block; float: left; width: 11em;}
.tit_branding_mapaweb { display: block; float: left; width: 11em;}
.tit_contacto_mapaweb { display: block; float: left; width: 12em;}

.categoria_especificaciones { display: block; float: left;}
.separador_categoria_especificaciones { display: block; float: left; width: 1.5%;}

.mes_noticia { display: block; float: right; padding: 0 0 0 1em; background: #FFFFFF; font-size: 8pt;}

table.especificaciones{
    color: #000000;
}

table.especificaciones td.producto{

    padding: 0.2em 0;
    background: #a3a19e;
}

table.antiox {
	border-width: 0px;
	border-spacing: 5px;
	border-style: none;
	border-color: gray;
	border-collapse: separate;
	background-color: #FFFFFF;
	color: #FFFFFF;
	width: 100%;
}
table.antiox th {
	border-width: 0px;
	padding: 4px 8px;
	border-style: inset;
	border-color: gray;
	background: #ff9600;
	color: #ffff66;
}
table.antiox td {
	border-width: 0px;
	padding: 4px 8px;
	border-style: inset;
	border-color: gray;
	background: #ff9600;
}


table.firming {
	border-width: 0px;
	border-spacing: 5px;
	border-style: none;
	border-color: gray;
	border-collapse: separate;
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-size: 7pt;
	width: 100%;
}
table.firming th {
	border-width: 0px;
	padding: 4px 8px;
	border-style: inset;
	border-color: gray;
	background: #b5a8cd;
	color: #462682;
	text-align: left;
}
table.firming td {
	border-width: 0px;
	padding: 4px 8px;
	border-style: inset;
	border-color: gray;
	background: #6b519b;
}
.resaltado_firming { background: #33CCFF; text-align: right;}


table.slim {
	border-width: 0px;
	border-spacing: 5px;
	border-style: none;
	border-color: gray;
	border-collapse: separate;
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-size: 7pt;
	width: 100%;
}
table.slim th {
	border-width: 0px;
	padding: 4px 8px;
	border-style: inset;
	border-color: gray;
	background: #f6bebb;
	color: #333333;
	text-align: left;
}
table.slim td {
	border-width: 0px;
	padding: 4px 2px;
	border-style: inset;
	border-color: gray;
	background: #ed7d77;
}

table.branding {
 border-spacing: 8px;
 background-color: #FFFFFF;
 font-size: 8pt;
 width: 100%;
}
table.branding th {
 padding: 0 8px;
 color: #333333;
 text-align: left;
}
table.branding td {
 border-width: 0px;
 padding: 0;
}

.resaltado_slim { background: #e95c55; text-align: center;}
.caja_reco01 { display: block; float: left; background: #009933; border: 2px solid #009933; padding: 3px; color: #FFFFFF; text-align: left; font-size: 7pt;}
.caja_reco02 { display: block; float: left; border: 2px solid #009933; padding: 3px; text-align: left; font-size: 7pt;}
.caja_reco03 { display: block; float: left; border: 2px solid #009933; text-align: left; margin: 0 0 5px 0; font-size: 7pt;}
.flecha_reco { display: block; float: left;}