@import url(https://fonts.googleapis.com/css?family=Alex+Brush|Gudea|Rochester|Annie+Use+Your+Telescope|Great+Vibes|Oooh+Baby);

body { background-image: url(bg.jpg);
 }
#main {width:1001px; margin:0 auto; margin-top: -10px; background: url(bg2.png) no-repeat top center; }


#otsikko { text-align:center; padding: 30px 0 -0 0;

	font-family: 'Great Vibes', serif;
	font-size: 122px;
	font-weight:normal;
  	background: -webkit-linear-gradient(#3680D1, #16406D);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	background-size: 100% !important;
 }

h4 {
color: #165192; text-align:center; font: 20px 'Gudea', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px #B1B1B1; margin: 0 0 20px 0; letter-spacing: 1px; }

h4 b {
font-weight:normal;
font-size: 24px;
margin: 0 20px;
}

#perustiedot { font: 17px 'Gudea', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; }

.vasen { width: 44%; 

background: url(tietotausta.png); box-shadow: 0px 0px 25px 1px rgba(160, 160, 160, 0.4); border: dashed #C7C7C7 1px; margin: 30px 0; color: #5B5B5B; text-align:center; font: 17px 'Gudea', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; padding: 10px 25px; }

.oikea { text-align:right; }

.oikea img {
background: url(tietotausta.png); 
box-shadow: 0px 0px 25px 1px rgba(160, 160, 160, 0.4);
padding: 10px;

border: dashed #C7C7C7 1px;
height: 345px; }

#meriitit {
background: url(tietotausta.png); box-shadow: 0px 0px 25px 1px rgba(160, 160, 160, 0.4); border: dashed #C7C7C7 1px; margin: 30px 0; color: #5B5B5B; text-align:left; font: 17px 'Gudea', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; padding: 10px 25px;
}

#kuvat { text-align: center; }
#kuvat img { background: url(tietotausta.png); 
box-shadow: 0px 0px 25px 1px rgba(160, 160, 160, 0.4);
padding: 7px;
border: dashed #C7C7C7 1px; height: 238px; margin: 10px 0; }

.img-hor {
  transform: rotateY(180deg);
}

.pikkuinfo { font-size: 13px; color: grey; margin-left: 5px;}

.meriitit { width: 100%; background: url(tietotausta.png); box-shadow: 0px 0px 25px 1px rgba(160, 160, 160, 0.4); border: dashed #C7C7C7 1px; margin: 10px 0 5px 0; color: #5B5B5B; text-align:justify; font: 16px 'Gudea', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; }
.meriitit td { padding: 20px 25px; }

#text { background: url(tietotausta.png); box-shadow: 0px 0px 25px 1px rgba(160, 160, 160, 0.4); border: dashed #C7C7C7 1px; margin: 15px 0; color: #5B5B5B; text-align:justify; font: 16px 'Gudea', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; padding: 10px 25px; }

table, pre {color: #5B5B5B; font: 16px 'Gudea', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; }

#copyt {width:996px; margin:0 auto; padding:0px 0px; text-align:center; padding-bottom:10px; color: #5B5B5B; font: 16px 'Gudea', sans-serif; }

a:link, a:visited {color: #165192; text-decoration:none;}
a:hover {color: #16406D;}

.sukutaulu { width: 100%; color: #5B5B5B; font: 16px 'Gudea', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; }
.sukutaulu td { padding: 5px 30px; }
.sukutaulu small { color: #919191; font-size: 12px; }

#periytyminen { width: 100%; color: #5B5B5B; font: 16px 'Gudea', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); line-height: 1.7; border-collapse:collapse; }
#periytyminen td { padding: 10px 15px; text-align:center; }

t { font: 24px 'Annie Use Your Telescope', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); color: #165192; letter-spacing: 2px; overflow: hidden; line-height: 1.4; }

tt { font: 30px 'Annie Use Your Telescope', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); color: #165192; letter-spacing: 2px; overflow: hidden; line-height: 1.4; }

ttt { font: 20px 'Annie Use Your Telescope', sans-serif; font-weight: normal; font-weight: 300; text-shadow: 1px 1px 0px rgba(242, 242, 242, 1); color: #165192; letter-spacing: 2px; overflow: hidden; line-height: 1.0; }

.click-suku { font: 15px 'Gudea', serif; color: #165192; letter-spacing: 0.5px; font-weight:bold; text-transform:uppercase; cursor: pointer; position: static; padding: 5px; text-align:center; }

.content-suku { font: 16px 'Gudea', sans-serif; color: #5B5B5B; line-height: 1.7; text-decoration:none; text-align:justify; padding: 10px 0 0 0; }

::-webkit-scrollbar { width: 7px; height: 3px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb { background: #B9B9B9; border: 0px dotted #ffffff; border-radius: 50px; }
::-webkit-scrollbar-thumb:hover { background: #C7C7C7; }
::-webkit-scrollbar-thumb:active { background: #C7C7C7; }
::-webkit-scrollbar-track { background: #F1F1F5; border: 0px none #ffffff; border-radius: 50px; }
::-webkit-scrollbar-track:hover { background: #F1F1F5; }
::-webkit-scrollbar-track:active { background: #F1F1F5; }
::-webkit-scrollbar-corner { background: transparent; }


.isohaka {
background: url(isohaka.png) right;
background-repeat: no-repeat;
}

.pienihaka {
background: url(pienihaka.png) right;
background-repeat: no-repeat;
}



.kilpailut {
width: 100%;
border-collapse:collapse;
border-top: dashed #C9A798 1px;
}

.kilpailut td {
border-bottom: dashed #627747 1px;
border-top: dashed #627747 1px;
padding: 7px 20px;
}

.kilpailut img { margin-right: 5px; }

.ruusukkeet { width: 100%; text-align:center;}
.ruusukkeet img { height: 200px; margin: 5px; }




.ohjeet {
width: 100%;
border-collapse:collapse;
}

.ohjeet td {
padding: 10px 0px;
}



h1 {
text-align:left; margin: 60px 0 0 50px;

	font-family: 'Great Vibes';
	font-size: 52px;
	font-weight:normal;
  	background: -webkit-linear-gradient(#3680D1, #16406D);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	background-size: 100% !important;
}

h2 {
font: 34px 'Oooh Baby'; 
font-weight: normal; 
text-shadow: 1px 1px 0px rgba(242, 242, 242, 0.5);
color: #AC6869;  
letter-spacing: 2px; 
text-align: right;
margin: 10px 10px 0 0;
}