@charset "ISO-8859-1";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Finger+Paint|Bangers);

body {
background-image: url(taustakuva.jpg);	
padding-bottom: 100px;
background-image: url(taustakuva2.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed;
}
div.logo {
position: absolute;
top: 0px;
left: 50%;
margin-left: -400px;
width: 300px;
height: 109px;
}
div.header {
position: absolute;
top: 0px;
left: 50%;
margin-left: -100px;
width: 500px;
height: 84px;
font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
color: #FFF;
font-size: 48px;
padding-top: 25px;
}
div.navigointi {
position: absolute;
top: 110px;
height: 50px;
width: 800px;
left: 50%;
margin-left: -400px;
text-align: center;
}
div.navigointi a {
display: inline-block;
text-decoration: none;
color: #FFF;
font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
font-size: 20px;
padding-left: 10px;
padding-right: 10px;
margin: 10px;
padding-top: 3px;
}
div.navigointi a:hover {
margin: 9px;
border: 1px solid #FFF;
border-radius: 14px;
color: #FF0;
box-shadow: 0px 0px 10px #FFF;
}
div.container {
width: 100%;
max-width: 1040px;
position: absolute;
left: 50%;
margin-left: -520px;
top: 160px;
margin-bottom: 100px;
}
div.otsikko {
	font-family: 'Bangers', Arial, sans-serif;
	font-size: 36px;
	color: #FF0;
	padding-top: 50px;
}
a.tuote {
margin: 5px;
width: 240px;
display: inline-block;
border: 1px solid #FFF;
border-radius: 10px;
text-decoration: none;
box-shadow: 0px 0px 8px #FFF;
margin-bottom: 15px;
}
a:hover.tuote {
box-shadow: 0px 0px 20px #FFF;	
background-color: #000;
}
div.nimike {
padding: 5px;
font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
font-size: 20px;
color: #000;
width: 230px;
text-align: center;
font-variant: small-caps;
background-color: #FFF;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
div.kuva {
width: 240px;
height: 150px;
background-color: #FFF;
overflow: hidden;
}
div.kuva img.kuva {
width: 240px;	
}
div.hinta {
width: 220px;
padding: 10px;
text-align: center;
font-size: 30px;
color: #FFF;
font-family: 'PT Sans', Arial, sans-serif;
font-weight: bold;
}
div.hinta font {
font-size: 16px;	
}
div.footer {
height: 100px;	
}
div.ale {
position: absolute;
float: left;
z-index: 1000;
}