/*! nav.css - http://www.oficinamedia.com/
Copyright (c) 2013 Ana Couto 
*/

#nav {
    background-color: #000000;
    background-image: url("../images/nav_bkg.png");
    top: 0;
    display: block;
    height: 30px;
    position: fixed;
    width: 100%;
    z-index: 9002;
}
#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav li {
    float: right;
    height: 30px;
    position: relative;
    text-indent: -9999px;
}
#nav li.sep {
    background-image: url("../images/nav_sep.png");
	background-position: 0 0;
	display:block;
    height: 30px;
    width: 4px;
}
#nav li span.nav0 {
    background-image: url("../images/nav_elements.png");
	background-position: 0 0;
	display:block;
    height: 30px;
    width: 29px;
}
#nav li span.nav1 {
    background-image: url("../images/nav_elements.png");
	background-position: -33px 0;
	display:block;
    height: 30px;
    width: 71px;
}
#nav li span.nav2 {
    background-image: url("../images/nav_elements.png");
	background-position: -108px 0;
	display:block;
    height: 30px;
    width: 159px;
}
#nav li span.nav3 {
    background-image: url("../images/nav_elements.png");
	background-position: -271px 0;
	display:block;
    height: 30px;
    width: 162px;
}
#nav li span.nav7 {
    background-image: url("../images/nav_elements.png");
	background-position: -437px 0;
	display:block;
    height: 30px;
    width: 101px;
}
/*
#nav li span.nav4 {
    background-image: url("../images/nav_elements.png");
	background-position: -437px 0;
	display:block;
    height: 30px;
    width: 40px;
}
#nav li span.nav5 {
    background-image: url("../images/nav_elements.png");
	background-position: -481px 0;
	display:block;
    height: 30px;
    width: 61px;
}
*/
#nav li span.nav6 {
    background-image: url("../images/nav_elements.png");
	background-position: -546px 0;
	display:block;
    height: 30px;
    width: 166px;
}
#nav li.active span.nav0,
#nav li a:hover span.nav0 {
	background-position: 0 -30px;
}
#nav li.active span.nav1,
#nav li a:hover span.nav1 {
	background-position: -33px -30px;
}
#nav li.active span.nav2,
#nav li a:hover span.nav2 {
	background-position: -108px -30px;
}
#nav li.active span.nav3,
#nav li a:hover span.nav3 {
	background-position: -271px -30px;
}
#nav li.active span.nav7,
#nav li a:hover span.nav7 {
	background-position: -437px -30px;
}
/*#nav li.active span.nav4,
#nav li a:hover span.nav4 {
	background-position: -437px -30px;
}*/
/*#nav li.active span.nav5,
#nav li a:hover span.nav5 {
	background-position: -481px -30px;
}*/
#nav li.active span.nav6,
#nav li a:hover span.nav6 {
	background-position: -546px -30px;
}