@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,400italic,700,900);



.clearB {
	clear:both;
	}
.clearfix {
		overflow: auto;
}
.flex { max-width: 100%;}

body {
	
	font-family: 'Open Sans', sans-serif;
	font-size: 16px; font-weight:400; color: #333;	
	/*background-color: #fafcfe;*/
	/*background-color: #f6f6f6;*/
}
.ylapalkki {
	height: 16px;
	background-color: rgba(102,188,203,1);
	}
	
div#sivu { /*border: 1px dotted #999; */
	background-color: #FFF; 
	max-width: 1000px;
	/*margin: 20px auto; */
	position: relative;}

/* ---Teksti--- */
a.navipois {
	position: absolute;
	left: 180px;
	top: 16px;
	text-decoration:none;
	color:rgba(51,102,204,1);
	display:block;
	width:200px;
	padding-bottom: 20px;
	font-size:1em;
}

a:hover.navipois { color:rgba(255,0,102,1);}

/* Teksti */

h1 {
	margin-bottom: .4em;
	font-family: 'Open Sans', sans serif;
	font-size: 3.1em;
	font-weight: 400;
	text-align: left;
	margin-top:.4em;
}

h5 {font-size: 1em; font-weight:700;}


p { font-size:0.95em;   margin-bottom: 1em; line-height:1.5em;}
/*a { color: #007eff; }*/

.teksKeski {
	text-align: center;
}


/* ------header------ */

header { height:100px;
	position: relative;
	max-width:900px;
	margin:0 auto;
}
header a.logo span { display: none; }
header a.logo  {
    background: url(../tekuvat/teYlaLogo1.svg) no-repeat 0px 0px;
    background-size: contain;
    width: 120px;
    height: 90px;
    z-index: 3;
    position: absolute;
    left: 34px;
    top: 26px;
}


/* ------Section - kaikki ------ ------ ------ */
section { padding: 0 20px 0 5px; }
section::after { content:''; display: block; clear: both; }

/* ------ Section Main - Etu ------ ------ ------  */
/*section#main {
	max-width:960px;
	margin: 0 auto;
	padding-top: 0px;
}*/
/*#sivu div.kehys {
	background-color: #fafcfe;
	width: 100%;
	margin: 0 auto;
}*/
img.flex.etuImg {
	margin: 0 auto;
	padding: 10px;
	/*border: 1px solid #CCC;
	background-color: #FFF;*/
	display: block;
	/*max-width:85%;*/
	
	/*border-top: 1px solid #666;
	border-bottom: 1px solid #666;*/
	}
article.teksKeski  {
	max-width: 860px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	/*display:none;*/
}
article.teksKeski p {
	font-size: 1em;
	color: #999;
	line-height: 1.2em;
	display: none;
}

/* ------ Pykalat ------ ------ ------*/

.palsta p {
	font-family: "Open Sans" sans-serif;
	font-weight:400;
	}
article.palsta {
	margin-bottom: 6em;
	max-width:550px;
	margin-left:10%;	
	}
article.palsta h6 { text-align:left; font-size:1.2em; font-weight:300; margin-bottom: .7em;}

	
/* ------ Oppa ------ ------ ------ */

.oppa section#main h4 {font-size: 1.4em; margin-bottom: 1em; line-height: 1.3em;}	
.oppa section#main {
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 50px;
	}

table#oppa16 {
	font-size: .95em;
	line-height: 1.3em;
	max-width:600px;
	
	}
div.leveys2 p {font-size:.95em;}
.kursiiviLato { font-size: .95em; font-style:italic;}	
.lihavaLato { font-size: .95em; font-weight:700; }
ul li .kursiiviLato {
}
table#oppa16 h5 {
	color: #F60;
	font-size: 1.12em;
	
	}
.musta_3{color: #272626}
table#oppa16 { max-width:610px;}
table#oppa16 td.leveys { width: 107px;}	


.oppa_margin { margin-right: 140px; float:right; max-width:550px;}
div.oppa_margin a{padding-bottom:15px;}
div.oppa_margin a {	font-size: .9em; text-decoration: none; color:rgba(51,102,204,1); display:inline-block;}
div.oppa_margin a:hover { color: rgba(255,0,102,1);}

.kuva_oppa16 { float:right; max-width: 150px; padding-top: 10px; margin-right:25px;}
.kuva_oppa16 img {width: 100%; height:auto;}
.kuva_oppa16 p { font-size:.62em; line-height:1em; padding: 2px 0px 3px 5px;}

div.leveys2 p.kuvateksti1 { font-size: .75em; padding: 3px 0px 20px 5px;}

/* ------ Yhdistys ------ ------ ------ */

section#main.yhdistys { max-width: 550px; margin-left: 15%;}
.yhdistys h2 { font-size:2em; font-weight:300; margin-bottom: 0.5em;}

/* ------ Section - ilmoitus ------ ------ ------ */

section.ilmoitus {
	margin: 0 auto 20px auto;
	padding: 0;
	max-width: 960px;
	/*background-color: #E8EDEE;*/
	/*border-top: 1px solid #666;*/
	/*border-bottom: 1px solid #666;*/
}
section.ilmoitus aside { width: 240px; float: left; text-align: left;}

section.ilmoitus div.sisalto {
	margin: 13px;
	border: 1px solid #DEE2E5;
	padding: 10px 15px 5px 15px;
	min-height: 290px;
	background-color:#fff;
	/*border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;*/	
	
	
}
section.ilmoitus h5 a { text-decoration: none; color: #333; }
section.ilmoitus h5 a:hover { color: #099;  }

section.ilmoitus div.sisalto.liity {
	background-image: url(../tekuvat/liity1.svg);
	background-size: 70%;
	
	
	/*width: 200px;*/
	background-repeat: no-repeat;
	background-position: 20px 20px;	
	/*border: solid 1px #FFF;*/
	}
div.sisalto.liity a span { display: none;}
div.sisalto.liity:hover {background-color: rgba(0,0,0,.05);}

/* ------ Section - Sivuille ------ */




div.sisalto.koulutus,
div.sisalto.faceb,
div.sisalto.lehti { background-color: #FEFCED;}

div.sisalto.lehti img.flex { max-width:	76%}

/* ------ Navigation ------ ------ ------ */

nav {
	/*border-top: solid 6px rgba(101,147,155,1);*/
	/*background-color: #fff;
	position: relative;
	
	padding: 5px 0 0;
	font-family:'Lato' Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: 400;*/
	}
	
/*nav::after {content:''; display: block; clear:both;}*/

/*nav a.mobile_menu {
	width: 50px; height: 50px;
	background: url(../tekuvat/icon_menu.svg) no-repeat 0 0;
	background-size: contain;
	position: absolute; top: 15px; right: 30px; margin-left: -16px; 
	display: none;
	}*/

/*nav ul { list-style: none; margin: 0; padding: 0px; }*/

/*nav ul li:hover { color: #666; }*/
/*nav ul li:hover > ul { display: block;}	
nav ul li a {
	display: inline-block;
	color: #ccc;
	padding: 10px 20px;
	text-decoration: none;
	width: 100px;
	position: relative;
	}*/
	
/*nav ul li a:visited { color: #ccc; }
nav ul li a:hover { color: #6d0911; }

nav ul ul { position: absolute; top: 100%; background-color: #F&F&F&; display: none; }
nav ul ul li { position: relative; }*/
/*nav ul ul ul { left: 100%; top: 0px;}*/

/* top-level*/	

/*nav > ul { padding-left: 170px; }
nav > ul > li { float: left;}
nav > ul > li > a { width: auto; padding: 10px 20px 15px 20px; }

nav a[aria-haspopup="true"]::after {
	content:'';
	display: block; width: 0px; height: 0px;
	position: absolute;
	top: 16px; right:15px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #333;
	}

nav > ul > li > a[aria-haspopup="true"]::after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid  #333;
	left: 20px; right: auto;
	bottom: 4px; top: auto;
	}*/

/* Footer */
footer { height:300px; background-color: #CCC;}


@media screen and (max-width: 975px) {

section.ilmoitus div.sisalto {
	margin: 7%;
	/*border: 1px solid #DEE2E5;*/
	padding: 10px 15px 5px 15px;
	min-height: 290px;
}
section.ilmoitus aside { width: 290px;}

div.sisalto.lehti img.flex { max-width:	70%}

}

@media screen and (max-width: 935px) {
	/* oppa -------- */
	.oppa_margin { margin-right:30px;}
	
}
	
@media screen and (max-width: 900px) {
	section.ilmoitus aside { width: 240px;}	
	/* oppa -------- */
	.oppa_margin {margin-right:15px;}
	div#sivu.oppa { border:none; margin-top:0px;}
}
@media screen and (max-width: 800px)
 {
	/* oppa -------- */
	.kuva_oppa16 {max-width:130px;}
	.oppa_margin {margin-right:0px;}
}
		
@media screen and (max-width: 770px) {
	
	section.ilmoitus aside { width: 290px;}	
		
	/* oppa ------- */
	
header { height:auto; min-height:70px; position:relative;}
header a.logo {top: 20px;}
/* Navigointi */
nav {margin-left:0px; padding-top: 100px; height:0px; overflow:hidden;}	

nav a.mobile_menu {display:block;}
ul.navi_navi li { display:block; padding:20px 20px 20px 40px; background-color:rgba(141,217,255,.8); border-bottom: solid 1px #fff;}
ul.navi_navi li a { color:rgba(250,250,250,1); display: block;}
/*ul.navi_navi li.ylinnav {margin-top:100px;}*/
/*ul.navi_navi {padding:top:150px;}*/
nav {padding-left: 0px;}
	.oppa_margin {float:none; margin-left:5%;}
	.kuva_oppa16 {float:none; max-width: 100%;}
	.kuva_oppa16_sisa { float:left; /*display: inline-block;*/ max-width: 170px; padding-left: 20px;}
	.kuva_oppa16 p { font-size:.71em; padding: 3px 0px 3px 5px;}
	a.oppa_tilaa { padding-bottom: 7px;}	
}

@media screen and (max-width: 690px) {
	
	h1 {font-size: 2.6em;}
	
/* ------ Header -------- */
 	
 
/* ------ Section Main ------- */

	img.flex.etuImg {
	padding: 0px;
	border: none;
	display: block;
	
	}
	
	
/* --- oppa ------- */

	.oppa_margin { margin-left: 2%; margin-right:0px;}
	.kuva_oppa16_sisa {max-width: 160px}
	.kuva_oppa16 { margin-right: 5px;}
	a.oppa_tilaa { padding-bottom: 20px;}	

/* ------ Navi ------- */

	/*nav {
		padding: 80px 15px 20px 15px;
		height: 0px; overflow:hidden;
	}
	nav a.mobile_menu { display: block;}
	nav ul, nav ul ul, nav ul ul ul { display: block; position: static; }
	nav > ul { padding: 0px; background-color: #6CF;;}
	nav > ul > li { float: none; margin-top: 25px; border-bottom:solid 1px #ccc; }
	nav ul li:hover { background: none; }*/
	
	/*#sivu nav ul li a {
		width: auto; 
		display: block;
		margin: 8px 10px;
		padding: 6px 15px 6px 20px;
		color:#fff;
		
	}
	/*nav ul li a:hover { background-color: rgba(255,255,255,.2); }
	
	nav ul ul { background: none; }	
	nav ul ul li a { margin-left: 30px; }
	nav ul ul ul li a { margin-left: 60px; }
	nav a[aria-haspopup="true"]::after { display: none; }*/	
}

@media screen and (max-width: 640px) {
	section.ilmoitus aside { width: 240px;}
	section#main.saannot {padding-left:13px;}
	/* ------oppa ------*/
	.kuva_oppa16_sisa {max-width: 160px}
	
	
}
@media screen and (max-width: 520px) {
	section#main.saannot {padding-left:7px;}
	h1 { font-size: 2.3em;}
	.kuva_oppa16_sisa {max-width: 42%}
	/* ------oppa ------*/
	.oppa_margin { margin-left: 0%;
	}
.paak_saann.jaostot1 .opens {
	font-family:'Open Sans', sans-serif;
    }}