/* ESTILOS MENÚ PRINCIPAL */
.color_base { /* Se usa en la celda que contiene la tabla con el menú y foto... es visible en la barra debajo del menu arriba foto */
	background-color: #5a3d32;
}
.color_fondo_menu{ /* Color de fondo del menú, visible en el bordecito que queda sin llenar a la derecha del menú */
	background-color: #c76b39;
}
/* Cambios que deben hacerse a a.disenos-cliente y a.disenos-selected de acuerdo a si el menú principal es de 4 o 5 pestañas

  Para Menú con 5 pestañas:
	min-width: 138px;
	width: auto !important;
	width: 138px;

  Para menú con 4 pestañas:
    a.disenos-cliente {
	min-width: 174px;
	width: auto !important;
	width: 174px;

	a.disenos-selected {
	min-width: 172px;
	width: auto !important;
	width: 172px;

*/
a.disenos-cliente { /* Color de fondo de rectángulos opciones del menú (celdas) */
	float: left;
	color: #f5eada;
	background-color: #c76b39;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	min-width: 174px;
	width: auto !important;
	width: 174px;
	height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
a.disenos-cliente:hover { /* Color de fondo de rectángulo de opción seleccionada del menú (hover) */
	color: #5a3d32;
	text-decoration: none;
	background-color: #e3c899;
	text-align: center;
	vertical-align: middle;
}
a.disenos-selected { /* Color de fondo de rectángulo de opción del menú que se está consultando (página actual) */
	float: left;
	color: #f5eada;
	background-color: #5a3d32;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	min-width: 172px;
	width: auto !important;
	width: 172px;
	height: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
a.disenos-selected:hover { /* Color de fondo al seleccionar rectángulo de opción del menú que se está consultando (hover página actual) */
	color: #f5eada;
	text-decoration: none;
	background-color: #5a3d32;
	text-align: center;
	vertical-align: middle;
}
a.mnfin { /* Final del menú */
	border-right-width: 0px;
}
#titulos { /* Títulos principales cuando la foto no es suficientemente ancha, com en Medihelp, Velezbenedetti, etc. */
	display:block;
	margin: 0px;
	height: 190px;
	text-align: right;
	vertical-align:bottom;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
}
/* FIN menú principal */

/*  MENÚ AUXILIAR - CARTA PARA RESTAURANTES */
#columna_menu_carta{ /* Fondo celda menú auxiliar (carta para restaurantes) */
	background-color:#5a3d32;
	margin: 0px;
	height: 20px;
}
#columna_menu_carta a { /* Celdas normales del menú auxiliar */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	width: 130px;
	margin: 0px 5px 0px 5px;
	padding: 11px 0px 7px 0px;
	background: url(fdo_submenu.png) no-repeat left top;
}
#columna_menu_carta a:hover { /* Estilo hover para el texto menu auxiliar */
	color:#000000;
	text-decoration:underline;
}
#columna_menu_carta .selected { /* Fondo celda menú auxiliar cuya página está siendo visitada */
	background: url(fdo_submenu_on.png) no-repeat left top;
}
/* FIN menú auxiliar - carta para restaurantes */

/* DIRECCIÓN WEB DE LA EMPRESA */
a.link_web { /* Celda que contiene la dirección web debajo del logotipo de la empresa */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f5eada;
	background-color: #c76b39;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 0px;
	height: 20px;
	width: 245px;
	padding-top: 5px;
	padding-bottom: 5px;
}
a.link_web:hover { /* Hover para la dirección web */
	color:#FFFFFF;
	text-decoration:underline;
}
/* FIN dirección web empresa */

/* COLUMNA DERECHA DATOS DE LA EMPRESA */
.color_fondo_col_contactos { /* Color de fondo del menú, visible en el bordecito que queda sin llenar a la derecha del menú */
	background-color: #d2ab67;
}
#columna_contactos { /* Fondo Columna datos de la empresa (dirección, teléfono, horario, etc) No incluye fondo botón contacto */
	background-color: #d2ab67;
	text-align: left;
	background-image: url(fdo_background2.gif);
	background-repeat: repeat-x;
}
.color_fondo_boton_contactos { /* Fondo del botón contactenos, debe ser igual al #columnas_contactos  */
	background-color: #d2ab67 !important;
}
	
#columna_contactos p { /* Textos Columna datos de la empresa (dirección, teléfono, horario, etc) No incluye fondo botón contacto */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #5a3d32;
	padding: 0px 10px 0px 20px;
}
/* FIN columna derecha datos de la empresa */

/* FORMULARIO Ojo que también se debe cambiar fondo en formulario.htm */
.form-input { /* Estilo de los campos del formulario, estándar para todos los clientes */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #445177;
	text-decoration: none;
	background-color: #F7F8FB;
	padding: 2px;
	border: 1px solid #AAB4CE;
}
.form-button { /* Estilo del botón Enviar del formulario */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF9C00;
	border: 1px solid #B4BCD3;
}
/* FIN formulario */


/* COLUMNA FOTOS */
#columna_fotos { /* Columna izquierda donde van fotografías */
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	display: table-cell;
}
/* FIN columna fotos */

/* COLUMNA CENTRAL TEXTOS */
#columna_textos { /* Fondo y contenido Columna central */
	background-color: #FFFFFF;
	vertical-align: top;
	padding: 20px;
}
#columna_textos p { /* Párrafos columna central */
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 13px;
	color:#666666;
	font-weight: normal;
	line-height: 18px;
}
#columna_textos h1{ /* h1 columna central */
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 36px;
	color:#5a3d32;
	font-weight: normal;
	}
#columna_textos h2{ /* h2 columna central */
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 27;
	color:#c76b39;
	font-weight: normal;
	font-style: normal;
	}
#columna_textos h3 { /*  columna central */
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #E76509;
}
#columna_textos .quote {  /* Texto en itálica para citas o quotes (utilizado en cartas restaurantes) en columna central */
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 11px;
	color:#5a3d32;
	font-weight: normal;
	/*font-style: italic;*/
}
#columna_textos ul{ /* Diseño de lista unordered en columna central */
	padding: 2px 10px 0px 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#columna_textos li{ /* Línea de una lista en columna central */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	list-style-type: square;
	padding: 2px;
}
/* FIN columna central textos

/* DISEÑO VIEJO - NO UTILIZAR */
.fondo_contactos { /* Columna datos de la empresa (dirección, teléfono, horario, etc) No incluye fondo botón contacto - diseño viejo */
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #8ca20f;
}

.td-menu {  /* No parece estar usándose este estilo */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #6694b1;
	text-align: center;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

.td-logo { /* Borde de logo, no se utiliza en nuevos avisos */
	border: 1px solid #000000;
}
	
.tt-cliente { /* Titulos internos, mejor utilizar h1, h2  No utilizar este estilo */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #6694B1;
	line-height: normal;
}
.cepa {
	color:#990000 !important;
	text-align:center;
}