/* Autor : Francisco Javier López Guerra */
/* Fecha : 13/07/2011 */


/* CSS de la pagina Web del Portal Web de la CNSP*/
/* MENÚ DE NAVEGACIÓN */
/* ESTILOS DE LOS ELEMENTOS DEL MENU DE NAVEGACIÓN */

#menusuperior {width:100%; height:30px; background:#6694BC; font-size:1em; margin-top:0.3em;}

#menusuperior ul{margin:0; padding:0}

#menusuperior ul li{display:block; float:left; margin:0; height:22px; color:#fff; padding:8px 8px 0 8px; background:url(../img/separadormenusuperior.png) scroll no-repeat right 0;}

#menusuperior ul li a{color:#fff; text-decoration:none}

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

#menusuperior ul li.activo{background:url(../img/menussuperioractivo.png) scroll no-repeat 0 bottom;}

#menuizquierda a{ text-decoration:none;}

#menuizquierda h1{ color:#666; border:0px; letter-spacing:normal; margin-bottom:0.58em}

#menuizquierda h1 span{ background:url(../img/arte-azul-der.png) scroll no-repeat right 0; padding-right:2em; line-height:1em; padding-bottom:0;}

#menuizquierda ul{ margin:0; padding:4% 0 8% 8%; list-style:none; border:1px solid #ccc; background:#fff; font-size:1em; letter-spacing:-0.025em;}

#menuizquierda ul a{ font-weight:bold; background:url(../img/bullet-g-reposo.png) scroll no-repeat 0 0.1em; padding-left:1.2em;}

#menuizquierda ul a:hover{ color:#6694BC; background-image:url(../img/bullet-g-sobre.png);}

#menuizquierda ul a:active{ color:#666; background-image:url(../img/bullet-g-reposo.png);}

#menuizquierda ul ul{ padding:0 0 0 10%; background:none; border:0px;}

#menuizquierda ul ul a{background:url(../img/bullet-p-reposo.png) scroll no-repeat 0 0.25em;}

#menuizquierda ul ul a:hover{ background-image:url(../img/bullet-p-sobre.png);}

#menuizquierda ul ul a:active{ color:#666;background-image:url(../img/bullet-p-reposo.png);}

#menuizquierda ul ul ul{ border-left:1px solid #ccc; padding:0 4%; margin:5% 6%;}

#menuizquierda ul ul ul a{ font-weight:normal; background:none; padding-left:0;}

#menuizquierda ul ul ul a:hover{ background:none;}

#menuizquierda li{ margin:3% 0 0 0; padding:0px;}

#menuizquierda ul a.activo{ color:#004C8C; background-image:url(../img/bullet-g-activo.png);}

#menuizquierda ul ul a.activo{ background-image:url(../img/bullet-p-activo.png);}

#menuizquierda ul ul ul a.activo{ background-image:none;}