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

#header { width:  455px; height: 38px; margin: 0 0 auto auto; position: relative; z-index: 9998; padding-top:3px; }
#header #menu_nav { margin: 0; padding: 0; }
#header #menu_nav li { display: inline; }
#header #menu_nav li a { float: left; width: 90px; height: 0; padding-top: 38px; overflow: hidden; background-image: url(../images/menu.png); background-repeat: no-repeat;}

/* OFF */
#header #menu_nav li#perfil a { background-position: 0 0; }
#header #menu_nav li#servicio a { background-position: -90px 0; }
#header #menu_nav li#portafolio a { background-position: -180px 0; }
#header #menu_nav li#contacto a { background-position: -270px 0; }
#header #menu_nav li#blog a { background-position: -360px 0; }

/* OVER */
#header #menu_nav li#perfil a:hover { background-position: 0 -38px; }
#header #menu_nav li#servicio a:hover { background-position: -90px -38px; }
#header #menu_nav li#portafolio a:hover { background-position: -180px -38px; }
#header #menu_nav li#contacto a:hover { background-position: -270px -38px; }
#header #menu_nav li#blog a:hover { background-position: -360px -38px; }

/* PRESSED */
#header #menu_nav li#perfil a:active { background-position: 0 -76px; }
#header #menu_nav li#servicio a:active { background-position: -90px -76px; }
#header #menu_nav li#portafolio a:active { background-position: -180px -76px; }
#header #menu_nav li#contacto a:active { background-position: -270px -76px; }
#header #menu_nav li#blog a:active { background-position: -360px -76px; }

/* ON */
#header.perfil #menu_nav li#perfil a { background-position: 0 -114px !important; }
#header.servicio #menu_nav li#servicio a { background-position: -90px -114px !important; }
#header.portafolio #menu_nav li#portafolio a { background-position: -180px -114px !important; }
#header.contacto #menu_nav li#contacto a { background-position: -270px -114px !important; }
#header.blog #menu_nav li#blog a { background-position: -360px -114px !important; }