/*---------Index1---------Body ja html perusmäärittelyt---------*/

html{
	min-height:100%;
	position:relative;
	}

body{
	background-image: url(../img/Sovatek_tausta_oranssi.png);
	background-repeat:no-repeat;
	background-color:hsla(32,88%,56%,1);
	font-family: 'Ubuntu', sans-serif;
	min-width:100%;
	margin:0 0 100px 0;
	color:#1c1c1c
	}


/*---------Index3---------Lopettaa kellutuksen(float)-----*/
.stop{
	clear:both;
	}


/*---------Index4---------SOVATEK-logo------------------------------*/	
.logo{
	float:right;
	width:250px;
	min-width:200px;
	padding-top: 53px;
	padding-bottom:17px;
	}	
	


/*---------Index5---------Alue jossa menu-laatikot sisällä---------------*/

.wrapper{
	
	width:808px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top:40px;
	}

.tekstipohja{
	background:#fcfcfc;
	padding:40px;
	text-align:left;
	box-shadow:0px 3px 10px #646567;
	}
	
.tekstipohja a{
	color:rgb(0,134,51);
	text-decoration:underline;
	}	
	
#kuvitus{
	float:right;
	max-width: 300px;
	margin:20px;
	border-radius:5%;
    overflow:hidden;
}

#kuvitus-pallo{
	float:right;
	max-width:300px;
	margin-top:50px;
	border-top-left-radius: 50% 50%;
	border-top-right-radius: 50% 50%;
	border-bottom-right-radius: 50% 50%;
	border-bottom-left-radius: 50% 50%;
}	
	
	
h1{
	color:rgba(0,134,51,1);
	font-size:2.1em;
	padding-bottom:10px;
	}	

h2{
	font-size:1.3em;
	padding: 20px 0px 10px 0px;
	}


 h3{
	margin-top:10px;
	float:right;
	font-size: 2.5em;
	font-family: 'Satisfy', cursive;
	color: #fff;
	text-shadow: 3px 3px 5px #333333;
	}	

article p{
	padding: 10px;
	}
	
article{
	padding: 7px 0;
	}
	
article b{
	font-size:1.2em;
	}
	
	
.tekstipohja li{
	 padding: 0px 0px 9px 15px;
	list-style-type: disc;
	margin-left:25px;
	}

/*--Listan sisällä oleva lista---*/		
.tekstipohja ul ul li{
	list-style-type: circle;
	margin-left:30px;
	list-style-position: inside;
	font-size:.9em;
	}
	


#puh{
	font-size: 1.5em;
	color: #008633;
}

	
.yhteys{
	padding-top:20px;
}
.yhteys h2{
	padding-bottom:5px;
	padding-top:1px;
}

	

.huom{
	color:rgb(0,134,51);
	font-size:1.1em;
	}

header{
	z-index:1;
	width:100%;
	color:rgba(242,150,46,1);
	font-family:'Ubuntu', sans-serif;
	height:36px;
	background-color:#646567;
	position: fixed;
	padding: 5px 0 5px 10px;
	top:0;
	left:0;
	display:block;
	font-size:2em;
	}
	
	
.pva{
	font-size:.8em;
	margin-bottom:10px;
	color:rgba(0,134,51,1);
	}

.rahoittaja{
	max-width:170px;
}

.yhteistyokump .rahoittaja{
	max-width:100px !important;
	margin:10px;
	margin: 20px;
	display: inline-table;
	vertical-align: middle;
}

section{
	padding-top:30px;
}

.huomio{
	background-color:red;
	padding:6px;	
}

.selvennys{
	font-size:.8em;
	color:#000;
}


/*Yhteystiedot-table*/

table { 
  width: 100%; 
  margin-bottom:30px;
  border-collapse: collapse;
  border: 1px solid #008633;  
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #CECECF;
}
th { 
  background: #008633; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 8px; 
  text-align: left; 
}

.abc > td{
	display:none;
}



.toimipaikka{
	background-color:#008633;
	color:#fff;
	padding:5px 10px;
	font-size:.9em;
}

.toimipaikka span{
	font-size:.9em;
	font-weight:300;
	margin-left:5%;
	display:inline-block;
}

.toimipaikka a{
	color: #fff;
	font-size: .7em;
	margin-left: 2%;
	text-decoration: none;

}

/*----Lainaus----*/

.pquote {
    float: left;
    width: 50%;
	background: url("../img/lainaus.png") top left no-repeat;
	background-size: 90px 90px;
    color: #1a1a1a;
    font-size: 21px;
    line-height: 1.2;
    margin: 12px;
	padding:27px 10px 10px 10px;
}

.pquote p:first-letter {
    font-size: 39px;
    font-weight: bold;
}

blockquote {
	margin: 0;
}

.quotebox p {
    margin: 0;
}

.quotebox blockquote {
    font-weight: bold;
    padding: 6px;
    border-top: 2px solid #600;
    margin: 0;
}

.quotebox .by {
    padding: 6px;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.linkit li{
	list-style:none;
	margin-left:0;
	padding-left:0;
}

#org-chart{
	width:90%;
	margin: 0 5%;
}

#centered{
	text-align:center;
}


/*Palautelomake*/
.palaute{
	width:50%;
	margin:0 auto;
}

.palaute textarea{
	width:100%;
	min-height:250px;
	margin-bottom:10px;
	margin-top:10px;
}
.palaute input{
	width:100%;
	margin: 6px 0;
}
.palaute input[type="submit"]{
	width:30%;
	background:#008B3B;
	color:#fff;
	border:none;
	padding:5px;
	font-weight:700;
}
.palaute input[type="submit"]:hover{
	background:#00C252;
}
.palaute label{
	font-weight:700;
	color:#373737;
}

/*Viestilomake-nuoret*/
.nuoret{
	margin:15px 10px!important;
}

/*Etsi & Hakutulokset-sivut*/

#cse-search-box{
	margin:20px;
}
input.hakuinput{
	width:90%;
	height:30px;
	padding:5px;
}
#cse-search-box input[type="submit"]{
	width:100px;
	background:#008B3B;
	color:#fff;
	border:none;
	padding:5px;
	margin-top:5px;
	font-weight:700;
}
#cse-search-box input[type="submit"]:hover{
	background:#00C252;
}

#cse-search-results iframe {width: 95%;}

@media screen and (min-width: 100px) and (max-width: 540px) { 

body{
	overflow-x:hidden;
	width:100%;
	}

.wrapper{
	text-align:center;
	position: relative;
	width:90%;
	left:0;
	top:0;
	min-width:100px;
	}

.container{
	width:100%;
	}

footer{
	background-image:url(../img/oranssi.png);
	width:100%;
	min-width:100px;
	bottom:-1px;
	overflow:hidden;
	}
	
.pieni-laatikko{
	width: 100%;
	min-height:100px;
	}
	
.iso-laatikko{
	width:100%;
	min-height:100px;
	}

.logo{
	min-width:90px;
	padding-top:0px;
	margin-bottom:0;
	padding-right:20%;
	padding-left:20%;
	width:60%;
	}

h2{
	font-size:1.5em;
	}

	
#yhteys h2{
	font-size:1.7em;
	}



li{
	background-size:cover;
	}


#kuvitus{
	float: none;
	padding:0px;
	margin: 0 auto;
	width: 100%;
	}

#kuvitus-pallo{
	float:none;
	max-width:85%;
	margin:10px 7.5%;
}
#kuvitus-pallo2{
	float:none;
	max-width:85%;
	margin:10px 7.5&;
}
	

h1{
	text-align:center;
	color:rgba(0,134,51,1);
	font-size:2em;
	padding:5px 5px 15px 5px;
	}	
	
.tekstipohja{
	break-words:keep-all ;
	padding:13px;
	box-shadow:0px 3px 10px #646567;
	}
	
	
.tekstipohja li{
	
	 padding: 0px 0px 0px 5px;
	list-style-position: outside;
	list-style-type: circle;
	}

.pquote {
    float: none;
    width: 92%;
    font-size: 22px;
	margin:0;
}


/*Yhteystietojen table*/
table, thead, tbody, th, td, tr { 
	display: block; 
	font-size:1em;
	}

thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
	
tr { 
	border: 1px solid #ccc;
}
	
td { 
	border: none;
	position: relative;
	padding-left: 5%;
}


	
.sposti{
	font-size:.8em;
}

.abc td{
	display:block !important;
	background-color:#008633;
	color:#fff;
	font-weight:700;
	border:none;
}

 
 .abc{ border:none;
 }
 
 .toimipaikka{
	padding:5px 10px;
	font-size:.8em;
}

.toimipaikka span{
	font-size:.8em;
	margin-left:0;
}
 
/*Palautelomake*/
.palaute{
	width:90%;
	margin:0 auto;
}
.palaute textarea{
	min-height:200px;
}
 
}