/* Estilo para la pagina html */

body {
	background-color: #FFFFFF;
	margin-top: 2px;
}

/* Estilo general que demarcar el area de la aplicacion */

.aplicacion {
	border: 1px solid #BE9926;
	width: 760px;
	background-color: #FAF2DF;
}

/* Estilos para la cabecera de la pagina */

.logo {
	border-bottom: 1px solid #F0C06E;
    background-color: #673119;	
}

td.menu_sup {
	background-color: #673119;
	border-bottom: 1px solid #F0C06E;	
	text-align: center;
	vertical-align: middle;
	width: 141px;    	
}

td.menu_sup_on {
	background-color: #F0C06E;
	border-bottom: 1px solid #673119;	
	text-align: center;
	vertical-align: middle;
	width: 141px;
}

td.menu_sup a {
	color: #F0C06E;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-decoration: none;
	width: 141px;
}

td.menu_sup_on a {
	color: #673119;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-decoration: none;	
	width: 141px;
}

td.menu_sup_ultima {
	background-color: #673119;
	border-bottom: 1px solid #BE9926;	
	text-align: center;
	vertical-align: middle;
	width: 141px;    	
}

td.menu_sup_ultima_on {
	background-color: #F0C06E;
	border-bottom: 1px solid #F0C06E;	
	text-align: center;
	vertical-align: middle;
	width: 141px;
}

td.menu_sup_ultima a {
	color: #F0C06E;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-decoration: none;
	width: 141px;
}

td.menu_sup_ultima_on a {
	color: #673119;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-decoration: none;	
}

td.menu_centro {
	background-color: #673119;
	border-bottom: 1px solid #F0C06E;	
	border-left: 1px solid #F0C06E;	
	text-align: center;
	vertical-align: middle;
	width: 100px;
    height: 20px;   	
}

td.menu_centro_on {
	background-color: #F0C06E;
	border-bottom: 1px solid #F0C06E;	
	border-left: 1px solid #BE9926;		
	text-align: center;
	vertical-align: middle;
	width: 100px;
    height: 20px;	
}

td.menu_centro a {
	color: #F0C06E;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-decoration: none;
}

td.menu_centro_on a {
	color: #673119;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 500;
	text-decoration: none;	
}

.menu_derecha {
	text-align: center;	
	vertical-align: middle;
	height: 19px;
	width: 124px;
}

a.enlace_submenu:link,a.enlace_submenu:visited,a.enlace_submenu:hover,a.enlace_submenu:active {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 500;
	color: #CC9934;
	text-decoration: none;
}

.submenu_telefonos {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 500;
	color: #CC9934;
}

/* Estilos para la pagina de inicio */

.tabla_canales {
    width: 275px;
}

.tabla_canales.imagen {
    text-align: left;
    vertical-align: middle;
}

a.canales:link,a.canales:visited,a.canales:hover,a.canales:active {
    margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: #673119;
	text-decoration: none;	
}

a.canales:hover {
	text-decoration: underline;
}

a.canales:active {
	text-decoration: underline;
}

.tabla_destacados {
    border: 1px solid #B1917C;
    width: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
}

.tabla_destacados th {
    width: 230px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-align: center;	
	color: #673119;
	vertical-align: middle;
	background-color: #B1917C;	
}

a.enlace_destacados:link,a.enlace_destacados:visited,a.enlace_destacados:hover,a.enlace_destacados:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: #673119;
	margin-bottom: 2px;
	text-decoration: none;	
}

a.enlace_destacados:hover {
    color: #F0C06E;
	text-decoration: underline;
}

a.enlace_destacados:active {
    color: #F0C06E;
	text-decoration: underline;
}

a.enlace_mas:link,a.enlace_mas:visited,a.enlace_mas:hover,a.enlace_mas:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #673119;
	text-decoration: none;
}

a.enlace_mas:hover,a.enlace_mas:active {
	text-decoration: underline;
}

/* Estilos para el cajetin de validacion */

.area_clientes {
    border: 1px solid #673018;
    width: 117px;
}

.area_clientes_titulo {
    height: 17px;
    width: 117px;
    vertical-align: middle;
    border-bottom: 1px solid #B1917C;
    background-color: #673018;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #F1C16F;
	cursor: pointer;
    cursor: hand;	
}

.tabla_validacion {
    width: 115px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #673018;
}

.cajetilla_usuario {
	background-color: #FDFAF4;
	color: #673018;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width:64px;
	height: 14px;
	margin-left: 3px;
	margin-right: 3px;	
	border: 1px solid #673018;
}

.cajetilla_clave {
	background-color: #FDFAF4;
	color: #673018;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 43px;
	height: 14px;
	margin-left: 3px;
	margin-right: 3px;
	border: 1px solid #673018;
}

a.enlace_validacion:link,a.enlace_validacion:visited,a.enlace_validacion:hover,a.enlace_validacion:active {
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #673018;
	text-decoration: underline;
}

.validacion_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
}

.cliente_validado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #673119;
}

/* Estilos para la seccion Empresa */

.empresa {
    width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
	text-align: justify;
}

a.ancla:link, a.ancla:visited, a.ancla:hover, a.ancla:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
	text-align: justify;
/*	text-decoration: none;	*/
}

/*
a.ancla:hover, a.ancla:active {
	text-decoration: underline;
}
*/

.grupos {
    width: 498px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
	border: 1px solid #B1917C;
}

.grupos th {
    width: 166px;
    height: 17px;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
	font-weight: 600;	
	text-align: center;	
}

.grupos td {
    text-align: center;
}

/* Estilos para los formularios de alta y de contacto */

.form_texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #673119;	
}

.titulo_caracteristicas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #000000;	
}

.form_obligatorios {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #673119;
}

.form_cajetilla {
    background-color: #FDFAF4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 17px;	
	color: #673018;
	border: 1px solid #673119;
}

.form_cajetilla_familias {
    background-color: #FDFAF4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 15px;	
	color: #673018;
	border: 1px solid #673119;
	text-align: right;
}

.form_cajetilla_metodo {
    background-color: #FDFAF4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 15px;	
	color: #673018;
	border: 1px solid #673119;
}

.form_textarea {
    background-color: #FDFAF4;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #673018;
	border: 1px solid #673119;
    scrollbar-face-color: #FAF2DF;
    scrollbar-shadow-color: #673119;
}

/* Estilos para la pagina de edicion de articulos y noticias */

.form_select {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #673018;
     border: 0px 0 none;
     list-style-type: none: Alpha(Opacity=10);
     background-color: #FDFAF4;
}

.tabla_edita_borde {
	border: 1px solid #673018;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #000000;
}

.tabla_edita {
    width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tabla_edita .upload {
    background-color: #FDFAF4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #673018;
	height: 17px;	
	border: 1px solid #673018;
    cursor: pointer;
    cursor: hand;	
}

/* Estilos para la pagina de visualizacion de articulos y noticias */

.tabla_visualiza {
    width: 550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #673018;
}

.tabla_visualiza_titulo {
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 17px;
	margin-bottom: 10px;
	color: #673018;
	font-weight: 600;	
	text-align: center;
	color: #673119;	
}

.tabla_visualiza_borde {
    border-top: 1px solid #673018;
}

.tabla_visualiza_bordeinf {
    border-bottom: 1px solid #673018;
}

/* Estilos para la lista de noticias y articulos */

a.enlace_nuevo:link,a.enlace_nuevo:visited,a.enlace_nuevo:hover,a.enlace_nuevo:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673018;
	text-decoration: none;	
}

.tabla_lista_elemento {
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673018;		
}

.tabla_lista_elemento th {
    font-weight: bold;
	height: 17px;
	text-align: left;
	margin-bottom: 10px;
	color: #673018;	
	border-bottom: 1px solid #673018;
}

.tabla_lista_elemento_fila {
    font-weight: bold;
	height: 17px;
	margin-bottom: 10px;
	color: #673018;	
	border-bottom: 1px solid #673018;
}

a.enlace_lista_titulo:link,a.enlace_lista_titulo:visited,a.enlace_lista_titulo:hover,a.enlace_lista_titulo:active {
    font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673018;
	text-decoration: none;
}

a.enlace_lista_elemento:link,a.enlace_lista_elemento:visited,a.enlace_lista_elemento:hover,a.enlace_lista_elemento:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673018;
	text-decoration: none;
}

a.enlace_lista_elemento:hover {
	text-decoration: underline;
}

a.enlace_lista_elemento:active {
	text-decoration: underline;
}

.texto_lista_elemento {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673018;
}

/* Estilos para la lista de usuarios del panel de administracion */

.lista_usuarios {
    text-indent: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
    margin-left: 10px;	
    width: 400px;
}

.lista_categorias {
    text-indent: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
    margin-left: 10px;	
    height: 18px;
}

.fila_on {
    background-color: #F7E6C4;
}

.lista_usuarios_impar, .lista_categorias_impar {
    background-color: #FDFAF4;
}

.lista_usuarios_par, .lista_categorias_par {
	background-color: #FAF2DF;
}

a.enlace_categorias:link, a.enlace_categorias:hover, a.enlace_categorias:visited, a.enlace_categorias:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
	text-decoration: none;
}

a.enlace_categorias:hover {
    text-decoration: underline;
}

.usuario_nuevo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
	font-weight: bold;
    margin-left: 10px;	
    width: 400px;
}

/* Estilos para el listado de preguntas de la FAQ */

.tabla_lista_preguntas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
}

.fila_pregunta {
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    padding-left: 10px;
}

.fila_respuesta {
    padding-left: 15px;
    width: 500px;
}

/* Estilos para la visualizacion del catalogo */

.tabla_menu_catalogo {
    width: 117px;
    border-left: 1px solid #F1C16F;
    border-right: 1px solid #F1C16F;
    border-bottom: 1px solid #F1C16F;
	font-family: Arial, Helvetica, sans-serif;    	
}

.menu_catalogo_titulo {
	font-family: Arial, Helvetica, sans-serif;
    height: 17px;
    width: 117px;
	font-size: 10px;
    vertical-align: middle;
    border-bottom: 1px solid #F1C16F;
    background-color: #673018;
	text-align: center;
	color: #F1C16F;
}

td.menu_catalogo {
	background-color: #F0D399;
	border-bottom: 1px solid #F1C16F;
	vertical-align: middle;
	font-size: 10px;
	width: 117px;
}

td.menu_catalogo_on {
	background-color: #FAF1DE;
	border-bottom: 1px solid #F1C16F;
	vertical-align: middle;
	font-size: 10px;	
	width: 117px;
}

a.enlace_menu_catalogo:link, a.enlace_menu_catalogo:hover, a.enlace_menu_catalogo:active,a.enlace_menu_catalogo:visited {
	color: #673119;
	font-size: 10px;
	text-decoration: none;
}

.titulo_familia, .ingredientes_familia, .categoria_descripcion {
	font-family: Arial, Helvetica, sans-serif;
	color: #573920;	
}

.titulo_categoria {
/*	font-family:Tahoma;
	font-size: 12px;
	color: #573920;	
	font-weight: bold;
	text-decoration: underline;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc9934;
	text-align: center;
	letter-spacing: 8px;
	margin-bottom: 0px;
	font-weight: bold;
	text-transform:capitalize;
}

.titulo_familia {
	font-size: 11px;
}

.ingredientes_familia {
	font-size: 11px;
}

.categoria_descripcion {
	font-size: 12px;
}

.tabla_producto {
    width: 580px;
    font-family: Arial, Helvetica, sans-serif;
	color: #573920;	
  	border-top: 1px solid #D3C199;
 	border-right: 1px solid #D3C199;
    background-color: #FFFFFF;
}

.tabla_producto th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    height: 15px;
    border-left: 1px solid #D3C199;
    border-bottom: 1px solid #D3C199;
}

.tabla_producto th a{
    color: #573920;
    font-weight: bold;
}


.tabla_producto td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    height: 15px;
	border-bottom: 1px solid #D3C199;
    border-left: 1px solid #D3C199;
}

.tabla_producto td.descripcion{
    text-align: justify;
    padding-left: 5px;
    padding-right: 5px;    
}

/* Estilos generales */

.pasa_paginas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
}

a.pasa_paginas:link,a.pasa_paginas:active,a.pasa_paginas:hover,a.pasa_paginas:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #673018;
	text-decoration: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc9934;
	text-align: center;
	margin-bottom: 0px;
	letter-spacing: 15px;
	font-weight: normal;
}

.texto_dialogo {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #673119;
}

a.solicita_clave:link,a.solicita_clave:visited,a.solicita_clave:hover,a.solicita_clave:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #673018;
	text-decoration: none;
}

a.solicita_clave:hover {
	text-decoration: underline;
}

a.solicita_clave:active {
	text-decoration: underline;
}

.cursor {
    cursor: pointer;
    cursor: hand;
}

.imagen_flotante {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

/* Estilos para el pie de la pagina */

.pie {
	width: 740px ;
	height: 17px;
	border-top: 1px solid #CC9934;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 500;
	text-align: center;	
	color: #673119;
	vertical-align: bottom;	
}
.optimizada{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
	color:#673119;
	text-align:center;
}