body {
	background-image: url("images/fundo.png");
    background-repeat: repeat;
}

#newmenu {
    margin-top: 20px;
    margin-bottom: 40px;
}

#newmenu h4 {
display: inline-block;
margin: 10px;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
}

#menu {
    display: inline-block;
    margin-left: -20px;
    text-transform: uppercase; 
}

#controls {
    margin: 10px -50px;
    padding: 20px 500px;
    text-align: center;
}

body, p, h1, h2, h3, h4, h5, h6 {
        font-family: "Roboto Condensed", sans-serif !important;
}

body {
    font-family: "Roboto Condensed", sans-serif;
   text-align: center;
   text-decoration-color: black;
}

a:link, a:visited {
    color: black;
    text-decoration:none;
}
a:hover {
    color: gray;
}

.pages{

    content: center;
    
}

#controls .toggle {
    font-size: 15px;
    margin: 0 10px;
    font-weight: bold;
}

h1{
	text-align: center;
color: white;
font-size: 0pt;
 }

#controls #menu {
    display: inline-block;
    margin-left: 0px;
}

#menu:hover {
	text-decoration: underline;
}

#controls {
    text-align: center;
}

.box {
	width: 250px;
	height:auto;
    margin-left: 50px;
    display: inline-block;
    alignment-baseline: top;
}

.box img {
	width: auto;
	height:250px;
	border: 0px;
}

.box p.label {
    margin: 0px;
    color: black;
    visibility: hidden;
    font-size: 100%;
}

.box:hover p.label {
    visibility: visible;
}




#africanbirdpepper {

	
}

.box:hover {
    background-repeat: no-repeat;
    background-size: 250px 250px;
}

.box#africanbirdpepper:hover {
background-image:url("images/8.png");
}

.box#aleppopepper:hover {
background-image:url("images/9.png");
}

.box#anise:hover {
    background-image: url("images/10.png");
}


.box#basil:hover {
    background-image: url("images/12.png");
}

.box#bayleaf:hover {
    background-image: url("images/12.png");
}

.box#blackpepper:hover {
    background-image: url("images/14.png");
}


.box#calabresepepper:hover {
    background-image: url("images/8.png");
}

.box#caraway:hover {
    background-image: url("images/17.png");
}

.box#cardamom:hover {
    background-image: url("images/6.png");
}

.box#cayenne:hover {
background-image:url("images/8.png");
}


.box#jalapeno:hover {
background-image:url("images/12.png");
}

.box#coriander:hover {
background-image:url("images/12.png");
}

.box#corianderseeds:hover {
background-image:url("images/16.png");
}

.box#cinnamon:hover {
background-image:url("images/4.png");
}


.box#clove:hover {
background-image:url("images/7.png");
}

.box#cubeb:hover {
background-image:url("images/14.png");
}

.box#cumin:hover {
background-image:url("images/11.png");
}

.box#dillseed:hover {
background-image:url("images/13.png");
}

.box#fennelseed:hover {
background-image:url("images/18.png");
}

.box#fenugreek:hover {
background-image:url("images/16.png");
}