@font-face {src: url(../../../../font/Museo500-Regular.otf) format("opentype");font-family: "Museo";}
@font-face {src: url(../../../../font/Museo700-Regular.otf) format("opentype");font-weight:bold;font-family: "Museo";}
@font-face {src: url(../../../../font/Museo300-Regular.otf) format("opentype");font-weight:lighter;font-family: "Museo";}

@font-face {src: url(../../../../font/MuseoSans_500.otf) format("opentype");font-family: "Museo Sans";}
@font-face {src: url(../../../../font/MuseoSans_500.otf) format("opentype");font-style:italic;font-family: "Museo Sans";}

/* Fonts by Jos Buivenga (exljbris) -> www.exljbris.nl */



/*Yleiset Markkerit*/
body{
font-family:"Museo","Andale mono",monospace, Monospace;
padding:0% 0% 0% 0%;
line-height: 17px;
}

p{
font-size:0.8em;
}

a{
text-decoration:none;
font-weight:bold;
}

img{
vertical-align:middle;
border:none;
}

div{
margin:0px;
padding:0px;
}

h1{
font-size:1.5em;
font-weight:bold;
text-align:center;
}

h2{
font-size:1.1em;
font-weight:bold;
text-align:center;
}

h3{
font-size:0.6em;
font-weight:bold;
text-align:center;
}

h4, h4 a{
font-size:12px;
font-weight:bold;
text-align:center;
padding:-10px;
margin:-10px;
color:red;
}


/*Toistuvan perusleiskan markkerit*/

.main{
background-color:transparent;
position:relative;
width:900px;
/*width:88%;
min-width:800px;
max-width:1200px;*/
height:90%;
min-height:550px;
margin:25px auto 25px auto;
padding:0px;
overflow:visible;
}

.box {
padding-top:67%;
width:0px;
float:left;
}

.header{
background:transparent;
position:relative;
top:16px;
width:810px;
height:auto;
z-index:2;
padding:0px 25px 0px 26px;
margin-bottom:0px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
/* border:solid; */
}

p.valikot{
font-size:0.8em;
letter-spacing:0.4em;
font-weight:bold;
margin:0;
padding:0;
}

p.valikot1{
font-size:1.2em;
letter-spacing:0.4em;
font-weight:bold;
margin:0;
padding:0;
}

p.valikot2{
font-size:0.7em;
letter-spacing:0.4em;
font-weight:bold;
text-align:left;
margin-left:70px;
}

a.valikot{
letter-spacing:0.4em;
margin:0px 26px 0px 26px;
text-decoration:none;
font-weight:bold;
padding:0;
}

a.valikot1{
letter-spacing:0.4em;
font-size:0.8em;
margin:0px 37px 0px 37px;
text-decoration:none;
font-weight:bold;
visibility:hidden;
padding:0;
}

a.valikot2{
text-decoration:none;
font-weight:bold;
margin:0px 0px 0px 0px;
margin:0;
padding:0;
}

a.valikko2{
letter-spacing:0.4em;
margin:0px 0px 0px 26px;
text-decoration:none;
font-weight:bold;
padding:0;
}

a:visited{
opacity:0.5;
}

a:hover{
opacity:1;
}

a.index, a:hover.index, a:visited.index {
opacity:1;
}

.nuoli{
margin:0px 30px 0px 30px;
}

.footer{
position:absolute;
bottom:0px;
width:850px;
height:auto;
z-index:2;
padding:0px 25px 5px 25px;
margin-top:0px;
clear:both;
}

.oikeavalikko{
position:relative;
float:right;
right:0px;
bottom:-3px;
z-index:5;
background:transparent;
clear:none;
}

p.oikeavalikot{
font-size:0.7em;
letter-spacing:0.4em;
font-weight:bold;
z-index:5;
clear:none;
}

.copy{
position:relative;
float:left;
left:0px;
bottom:-1px;
z-index:5;
background:transparent;
clear:none;
}

p.copy{
font-size:0.7em;
letter-spacing:0.4em;
font-weight:bold;
z-index:5;
clear:none;
left:0px;
}

a.copy{
text-decoration:none;
z-index:5;
clear:none;
left:0px;
}


.leipateksti{
text-indent:30px;
}


/*Galleriasivujen thumbnail-laatikoiden sijainnit*/

.ylavasen{
color:#000000;
background:transparent;
position:absolute;
width:42%;
min-width:360px;
height:auto;
left:50px;
top:50px;
z-index:0;
}

.ylakeski{
color:#000000;
background:transparent;
position:absolute;
width:42%;
min-width:360px;
height:auto;
margin:auto 30% auto 30%;
top:50px;
z-index:0;
}

.ylaoikea{
color:#000000;
background:transparent;
position:absolute;
width:42%;
min-width:360px;
height:auto;
right:50px;
top:50px;
z-index:0;
}

.keskioikea{
color:#000000;
background:transparent;
position:absolute;
width:42%;
min-width:360px;
height:auto;
right:50px;
top:120px;
z-index:0;
}

.alaoikea{
color:#000000;
background:transparent;
position:absolute;
width:42%;
min-width:360px;
height:auto;
right:50px;
bottom:70px;
z-index:0;
}

.alakeski{
color:#000000;
background:transparent;
position:absolute;
width:42%;
min-width:360px;
height:auto;
margin:auto 30% auto 30%;
bottom:70px;
z-index:0;
}

.alavasen{
color:#000000;
background:transparent;
position:absolute;
width:42%;
min-width:360px;
height:auto;
left:50px;
bottom:70px;
z-index:0;
}

.keskivasen{
color:#000000;
background:transparent;
position:absolute;
width:42%;
min-width:360px;
height:auto;
left:50px;
top:120px;
z-index:0;
}

.keski{
color:#000000;
background:transparent;
position:absolute;
width:42%;
min-width:360px;
height:auto;
margin:auto 30% auto 30%;
top:20%;
z-index:0;
}

.loota{
position:relative;
margin:auto;
width:360px;
height:360px;
}


/*tila thumbnailille*/

.ruutu{
margin:20px 20px 20px 20px;
background:transparent;
width:80px;
height:80px;
text-align:left;
float:left;
position:relative;
}

.ruutu2{
margin:0px 0px 0px 0px;
background:transparent;
text-align:center;
position:absolute;
vertical-align:middle;
}


a.ruutu{
z-index:1;
margin:0px;
}

a:hover.ruutu{
z-index:0;
margin:0px;
}

a.ruutu2{
width:80px;
height:80px;
z-index:0;
margin:0px;
opacity:0;
}

a:hover.ruutu2{
width:80px;
height:80px;
z-index:1;
margin:0px;
opacity:1;
}


/*kuvan sijainti*/

.kuva{
background:transparent;
position:relative;
height:auto;
width:100%;
text-align:center;
overflow:visible;
}

.keskella{
background:transparent;
position:relative;
height:auto;
width:auto;
padding:50px 50px 130px 50px;
text-align:center;
}

.vasemmalla{
background:transparent;
position:relative;
height:auto;
width:auto;
padding:100px 50px 100px 100px;
text-align:left;
}

.imgkuva{
max-height:600px;
}

/*Seuraava-edellinen -linkit*/

.seuraava{
background-color:transparent;
text-align:right;
position:absolute;
right:150px;
bottom:35px;
z-index:1
}

.edellinen{
background-color:transparent;
text-align:left;
position:absolute;
left:150px;
bottom:35px;
z-index:1;
}

.seuraavakuva{
background-color:transparent;
text-align:right;
position:absolute;
right:40px;
bottom:40px;
z-index:1
}

.edellinenkuva{
background-color:transparent;
text-align:left;
position:absolute;
left:40px;
bottom:40px;
z-index:1;
}

.nimi{
background-color:transparent;
width:100%;
position:absolute;
bottom:40px;
margin:auto;
z-index:0;
}

.tuotekuva{
position:relative;
width:100%;
padding:20px;
text-align:center;
height:auto;
}

.kuvatuote{
max-width:80%;
}


/*Sivukohtaiset markkerit

Index.php*/
.main_yla{
color:#000000;
background:transparent;
float:left;
width:350px;
height:80px;
position:absolute;
left:130px;
top:130px;
z-index:0;
text-align:left;
}

.main_ala{
color:#000000;
background:transparent;
float:right;
width:350px;
height:80px;
position:absolute;
right:130px;
bottom:130px;
z-index:0;
text-align:right;
}

.satunnaiskeskella{
background:transparent;
position:static;
height:auto;
width:auto;
padding:100px 0px 0px 0px;
text-align:center;
}

.satunnaiskuva{
max-height:400px;
margin-bottom:50px;
}


.index{
background:transparent;
font-size:20px;
letter-spacing: 0.5em;
margin:0px;
}


/*puukuvien sijaintimarkkerit*/

.puuimg{
width:auto;
height:auto;
}

.puupuu{
background:transparent;
width:auto;
height:auto;
top:80px;
position:relative;
z-index:1;
margin:0px 10px 60px 350px;
}

.tuoteteksti {
font-family:"Museo Sans";
}

h1.tuoteteksti{
font-size:0.95em; 
letter-spacing:0.2em;
padding:5px 5px 0px 5px;
}

h2.tuoteteksti{
font-size:0.7em;
letter-spacing:0.2em;
margin:-5px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-weight:normal;
}
p.tuoteteksti{
font-size:0.75em;
background:transparent;
letter-spacing:0.2em;
font-weight:bold;
padding:5px;
margin:0px;
}
.puuteksti{
position:relative;
float:left;
top:150px;
margin:0px 0px 20px 70px;
width:200px;
height:auto;
padding:0px 0px 10px 10px;
z-index:10;
}


.kopeli{
height:auto;
width:30px;
border-style: none;
position:relative;
padding-bottom:150px;
z-index:2;
}


/*info*/

.torso{
background:transparent;
position:relative;
width:100%;
height:auto;
padding: 60px 0px 20px 0px;
}

.infosivu{
background:transparent;
position:relative;
float:left;
top:200px;
left:5.5%;
width:80px;
margin:0px;
padding:0px;
z-index:1;
}

.teksti{
position:relative;
width:55%;
margin:0px 0% 40px 30%;
height:auto;
background-color:transparent;
text-align:left;
padding:20px 30px 20px 30px;
}

.apuateksti{
position:relative;
width:65%;
margin:0px 0% 40px 20%;
height:auto;
background-color:transparent;
text-align:left;
padding:20px 30px 20px 30px;
}

h1.info{
font-size:1.2em;
font-weight:bold;
text-align:center;
margin:40px 15% 30px 20%;
}

h2.info{
font-size:1.1em;
font-weight:bold;
text-align:left;
padding-left:30px;
}

h3.info{
font-size:0.6em;
font-weight:bold;
text-align:left;
padding-left:20px;
}

.yhteys{
position:relative;
width:25%;
margin:100px auto 100px auto;
height:auto;
background-color:transparent;
text-align:left;
padding:20px 30px 30px 30px;
}

.small{
font-style:italic;
font-size:xx-small;
padding:0px 0px 0px 40px;
margin:-10px 0px 10px 0px;
}

.posti{
vertical-align:top;
position:relative;
width:25px;
height:25px;
}

.osoite{
position:relative;
left:25px;
top:-36px;
height:25px;
margin-bottom:-40px;
}

.osoitekuva{
margin:0px 0px 0px 20px;
padding:0px;
}