/* 
File:menuLateral

Estilos para el menú lateral izquierdo de cada área.

Note: Los colores usados son: 
	
	Texto general - #333333
	Texto subtítulos - #003366
	Fondo general - #E4E4E4 (gris base)
	Fondo título - #0099cc (azul turquesa)
		
	Modificación - 2007 Ago 15 por Luis Apunte, creación del archivo.
*/


/*
About:menuArea

Menú que presenta los productos del área por región.
*/
#menuArea
{
	width:150px;
	height:auto;
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:left;
}

#menuArea dl {
	padding:0px 0px 0px 0px;
	background-color:#E4E4E4;
	margin: 0px auto 0px auto;
	width: 150px;
}

#menuArea dt.titulo{
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	font-size: 15px;
	background:#0099cc;
	margin: 0px 0px 0px 0px;
	color:#FFFFFF;
	border-bottom:1px solid #666666;
}

#menuArea dt.subtitulo{
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	font-size: 12px;
	background:#E4E4E4;
	margin: 0px 0px 0px 0px;
	color:#003366;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
}

#menuArea dd
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 11px;
	background:#e4e4e4;
	margin: 0px 0px 0px 0px;
	color:#333333;
}

#menuArea A {
	padding-right: 0px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	background:e4e4e4;
	display: block;
	width: 135px;
	color:#333333;
	text-decoration: none;
}

#menuArea A:hover {
	background:#999999;
	color:#FFFFFF;
}


/*
About: menuEdifarm

Menú de accesso a los productos principales de edifarm, especialmente a las
consultas en línea de los vademécums.
*/
#menuEdifarm
{
	width:150px;
	height:auto;
	margin:0px 0px 10px 0px;/*10px abajo*/
	padding:0px 0px 0px 0px;
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#333333;
}

#menuEdifarm h3
{
	padding:10px 0px 10px 10px;
	margin:0px 0px 0px 0px;
	border-bottom:2px solid #666666;
	font-size:15px;
	color:#FFFFFF;
	background-color:#0099CC;
	font-weight:bold;
	width:140px;
}

#menuEdifarm ul
{
	padding:10px 0px 10px 10px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
	font-size:11px;
	color:#333333;
	background-color:#E4E4E4;
	width:140px;
}

#menuEdifarm ul li
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:110px;
}	

#menuEdifarm ul li a
{
	width:110px;
	display:block;
	padding:0px 0px 5px 0px;/*Para dar mas espaciado entre los links*/	
	color:#333333;
	text-decoration:none;
}

#menuEdifarm ul li a:hover
{
	text-decoration:underline;
}

#menuEdifarm ul li a.iconGo
{	
	/*
	El path es relativo a este archivo, es decir a la carpeta donde esté.
	*/
	background:url(../Imagenes/iconGo.gif) no-repeat top right;
	padding-right:20px;
}

#menuEdifarm ul li a.iconHome
{	
	/*
	El path es relativo a este archivo, es decir a la carpeta donde esté.
	*/
	background:url(../Imagenes/iconHome.gif) no-repeat top right;
	padding-right:20px;
}