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

.menu {
	width: 280px;
	position: relative;
	z-index: 100
}

html .menu {
	width: 280px
}

.menu ul#madre {
	margin: 38px 6px 0 9px;
	list-style-type: none	
}

.menu ul ul {
	background: url(../images/bg_subme.gif) no-repeat bottom;
	display: inline;
	padding: 0 0 2px;	
	margin: -3px 0 0 265px;
	list-style-type: none
}

.menu ul li {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 3px;
	position: relative
}

html .menu ul li a {
	color: #333;
	text-decoration: none;
	width: 265px;
	height: 32px;
	display: block
}

html .menu a:hover {
	text-decoration: none;
	background-position: bottom;
}

.menu ul ul {
	position: absolute;
	visibility: hidden;
	left: 0
}

.menu ul ul li {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BD0C08;
	text-transform: uppercase;
	text-align: left;
	background: url(../images/bg_submi.png) no-repeat left bottom;
	width: 193px;
	height: 14px;
	float: left;
	padding: 10px 5px;
	margin: 0
}

.menu ul ul li a {
	font-weight: bold;
	line-height: 14px;
	width: 173px;
	height: 14px;
	padding: 0 10px;
	margin: 0
}

.menu ul ul li a:hover {
	color: #666;
	text-decoration: underline
}

html .menu ul ul {
	top: 0;
	left: 0
}

.menu table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse
}

.menu ul li:hover ul {
	visibility: visible
}

.menu ul a:hover ul {
	visibility: visible
}

.menu ul ul li.primera_submenus  {
	background: url(../images/bg_subm1.png) no-repeat left top;
	height: 18px;
	padding: 14px 5px 6px 5px
}

.menu ul ul li.ultima_submenus  {
	background-image: url(../images/bg_submn.png);
	height: 18px;
	padding: 10px 5px
}


.menu ul ul li.completa_submenus  {
	background-image: url(../images/bg_submcomp.png);
	height: 18px;
	padding: 10px 5px
}


#informacion-eticom {
	background-image: url(../images/bt_41.png)
}

#informacion-etica {
	background-image: url(../images/bt_42.png)
}

#informacion-noticias {
	background-image: url(../images/bt_43.png)
}

#informacion-agenda {
	background-image: url(../images/bt_44.png)
}

#informacion-hemeroteca {
	background-image: url(../images/bt_45.png)
}

#informacion-gabinete {
	background-image: url(../images/bt_46.png)
}
#informacion-imagen {
	background-image: url(../images/bt_img.png)
}

#informacion-notas {
	background-image: url(../images/bt_47.png)
}

#informacion-publicaciones { 
background-image: url(../images/bt_48.png) 
}


#mapaweb {
background-image: url(../images/bt_uti05.gif);
display: block;
width: 55px;
height: 16px
}