/*-----------------------------------------------------------
	"menu.css" -> Hoja de estilos para menu.
  ===========================================================
  	Este archivo controla los estilos para los menus de
	las páginas que componen el sitio.
	
	Este archivo se encuentra dividido en diferentes
	secciones, las cuales representan los diversos módulos
	del diseño principal.
  ===========================================================
  	@author 	-> "Matías Schmid"
	@date		-> "24/04/2008"
	@company 	-> "i2es"
-------------------------------------------------------------*/		

/* --------------------------------------------------------------------------------------------------------------------------------
	MENU PRINCIPAL 
   -------------------------------------------------------------------------------------------------------------------------------- */

.menu_principal {
	background: url(../img/fondo_menu_principal.gif) no-repeat top left;
	list-style: none;
	padding: 0;
	margin: 9px 10px 18px 12px;
	height: 27px;
}

.menu_principal li {
	height: 27px;
	float: left;
	margin: 0;
}

.menu_principal li a:link {
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	vertical-align: middle;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
.menu_principal li a:hover {
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	vertical-align: middle;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}

.menu_principal li a:visited {
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	vertical-align: middle;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
.menu_principal li a:active {
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 5px;
	vertical-align: middle;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}
.menu_principal li a img {
	vertical-align: middle;
}

.menu_principal li.separador {
	width: 1px;
	height: 27px;
	vertical-align: middle;
	background: url(../img/fondo_menu_princ_sep.gif) no-repeat center left;
}



/* --------------------------------------------------------------------------------------------------------------------------------
	MENU DE COLUMNA IZQUIERDA 
   -------------------------------------------------------------------------------------------------------------------------------- */

.recetas {
	position: relative;
	top: -11px;
}

.secciones {
	position: relative;
	top: -6px;
}

html>body .menu_lista {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 14px;
}
html>body .menu_lista_clinica {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 14px;
}

/***********************/
.menu_lista {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 13px;
}
.menu_lista_clinica {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 13px;
}
/***********************/

/************************/
.menu_lista li {
	float: left;
	background: #FFF url(../img/fondo_menu_lista_sep.gif) repeat-x top left;
	color: #7F7F7F;
	font-size: 12px;
	width: 210px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}
/***********************/


html>body .menu_lista li {
	float: left;
	background: #FFF url(../img/fondo_menu_lista_sep.gif) repeat-x top left;
	color: #7F7F7F;
	font-size: 12px;
	width: 210px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

.menu_lista li.primer_opcion {
	background: #FFF;
	background-image: none;
}
.menu_lista_clinica li.primer_opcion {
	background: #F2F2F2;
	background-image: none;
}
.menu_lista li a {
	display: block;
	color: #7F7F7F;
	font-size: 12px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	background: url(../img/bullet_menu_lista.gif) no-repeat top left;
	vertical-align: bottom;
	margin-top: 1px;
}

.menu_lista li a:hover {
	color: #000;
}

.menu_lista li.separador {
	height: 1px;
	background: url(../img/fondo_menu_lista_sep.gif) repeat-x top left;
}

html>body .primer_item {
	width: 210px;
	margin-top: -8px;
	margin-left: 14px;
	background: url(../img/fondo_menu_lista_item_sup.gif) no-repeat top left;
	height: 5px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

/**********************************/

html>body .menu_lista_clinica li {
	float: left;
	background: #F2F2F2 url(../img/fondo_menu_lista_sep.gif) repeat-x top left;
	color: #7F7F7F;
	font-size: 12px;
	width: 210px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}



.menu_lista_clinica li a {
	display: block;
	color: #7F7F7F;
	font-size: 12px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	background: url(../img/bullet_menu_lista.gif) no-repeat top left;
	vertical-align: bottom;
	margin-top: 1px;
}

.menu_lista_clinica li a:hover {
	color: #000;
}

.menu_lista_clinica li.separador {
	height: 1px;
	background: url(../img/fondo_menu_lista_sep.gif) repeat-x top left;
}

.menu_lista_clinica li.ultimo_item {
	background: url(../img/fondo_menu_lista_inf_cli.gif) no-repeat top left;
	height: 7px;
	border: 0 none;
	width: 213px;
	margin-bottom: 15px;
}

/**********************************/
/*.primer_item {
	width: 210px;
	margin-top: -12px;
	margin-left: 13px;
	margin-bottom: -13px;
	background: url(../img/fondo_menu_lista_item_sup.gif) no-repeat top left;
	height: 5px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}*/

/**********************************/

.menu_lista li.ultimo_item {
	background: url(../img/fondo_menu_lista_inf.gif) no-repeat top left;
	height: 7px;
	border: 0 none;
	width: 213px;
	margin-bottom: 15px;
}


div.menu { 
	width:751px;
	float:left;
	}