.date{
	margin-bottom:0.75em;
	display:block;
	font-size:1.125em;
		color:#595959;
	font-weight:700;

}

.date .fa{
	transform: translateY(12%);
	margin-right: 6px;
}

.avainsanat{
	color:#595959;
}

.punainen, .painike-punainen{
	  background-image: linear-gradient(#FF0000 0%,#DC0000 100%)!important;
	color:#ffffff!important;
}


.painike-punainen:hover{
	  background-image: linear-gradient(#DC0000 0%,#FF0000 100%)!important;
}


.harmaa{
    

    background: linear-gradient(to bottom,  #e6e7e7 0%,#d2d3d4 100%); /* W3C */
}

.valkoinen{
  background-color:#ffffff;
}

.padding{
    padding:1.5em;
}


.palvelunosto{
    text-align: center;
}

.palvelunosto img, .alanosto img{
    display:block;
}

.palvelunosto img{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.palvelunosto .valkoinen{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.alanosto img, .alanosto .painike{
    margin-left:auto;
    margin-right:auto;
}


.alanosto{
    text-align: center;
}


.alanosto img{
    margin-bottom:1.5em;
}


.palvelunosto h2{
    margin-bottom:0.55em;
}


#intro {
	position: static;
	background: #FF0000; /* Old browsers */
	background: linear-gradient(to bottom,  #FF0000 0%,#DC0000 100%); /* W3C */
	padding: 1.75em;
	
	margin-top: -6px;
}
	
	
.osio-matala {
	padding-top: 2em;
	padding-bottom: 2em;
}


.osio {
	padding-top: 7em;
	padding-bottom: 7em;
}

#paakuva {
	position: relative;
	text-align: center;
	background-color:#202020;

}



#paakuva img{
		max-height: 600px;

}



#ylayhteystiedot {
	text-align: right;

}



	

#logo  {
	margin-top: 1.8em;
	margin-bottom: 0em;
	float: left;
	margin-right: 1em;
	position: relative;
}


#navigointi, nav {
	float: right;
}


	

nav ul li {
	display: inline;
	}

nav ul li a {
	text-decoration: none;
	display: block;
	float: left;
	font-size: 0.75em;
	color: #F6F4F8;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 2.6em;
	padding-right: 1em;
	padding-bottom: 2.6em;
	padding-left: 1em;
	font-weight: 700;
}



.nav-button {
	 display: none;  
	 
	 }
.aktiivinen, nav ul li a:hover{
	background: #202020;
	
}




.nosto {
	width: 20%;
	float: left;
	text-align: center;
	padding: 0.75em;
}
.nosto img {
	margin-bottom: 0.5em;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);

}



#nostot {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	margin-top: -7px;
	background-color: #eaeaea;
	
}

.border{
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}



.ota-yhteytta {
	color: #FFFFFF;
	padding-top: 2.1em;
	padding-right: 0.75em;
	padding-bottom: 2.1em;
	padding-left: 0.75em;
	width: 20%;
	float: left;
	text-align: center;
	
}
.tutustu-referensseihin {
	color: #FFFFFF;
	padding-top: 2.1em;
	padding-right: 0.75em;
	padding-bottom: 2.1em;
	padding-left: 0.75em;
	width: 20%;
	float: left;
	text-align: center;
	background: #e6e7e7; /* Old browsers */
	
	background: linear-gradient(to bottom,  #e6e7e7 0%,#d2d3d4 100%); /* W3C */

	


}




.painike{
	display: block;
	text-decoration: none;
	color: #FF0000;
	text-align: center!important;
	position: relative;
	font-size: 1.075em;
	font-weight: 700;
	padding-top: 0.75em;
	padding-right: 0.75em;
	padding-left: 0.75em;
	padding-bottom: 0.75em;
	width: 100%;
	max-width: 340px;
	}



.painike:hover{
	

	background: #e6e7e7; /* Old browsers */
	
	background: linear-gradient(to bottom,  #e6e7e7 0%,#f9f9f9 100%); /* W3C */
	
}









#ala, .painike,  .lomakepainike     {

	background: #f9f9f9; /* Old browsers */
	
	background: linear-gradient(to bottom,  #f9f9f9 0%,#e6e7e7 100%); /* W3C */
}
.herate {
	text-align: center;
	background-color: #FF0000;
	color: #FFFFFF;
}




header, nav li a, .ota-yhteytta, .nostopainike, .tutustu-referensseihin .painike {
	
	background: #FF0000; /* Old browsers */
	
	background: linear-gradient(to bottom,  #FF0000 0%,#DC0000 100%); /* W3C */
	
}


.nostopainike:hover,  .tutustu-referensseihin .painike:hover{
	
	background: #DC0000; /* Old browsers */
	
	background: linear-gradient(to bottom,  #DC0000 0%,#FF0000 100%); /* W3C */
	
}



#intro .painike{
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
	text-align: left!important;
	padding-left:1em;
}


.painike, .nostopainike{
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	margin-bottom: 3px;
	
}




.nostopainike, .tutustu-referensseihin .painike{
	display: block;
	padding: 1em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:700;
}


	


footer, #yla    {
	background: #202020;
	
	
	
}

.peruskuva{
	
		box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	border-radius:6px;
	margin-right:6px;
	

	
}

footer{
	color: #FFFFFF;
	}



#logot img{
	float: right;
	margin-left: 1.75em;
}


i{
	
margin-top: -0.125em	
}





.vahvuus i{
	margin-top: 0.3em;
	color: #FF0000;
}	

#kartta img{
	float: right;
	margin-top: 0.75em;
}


.peruslista{
	margin-bottom: 1.5em;	
	
	
}


.peruslista li {
	line-height: 1.75em;
	padding-left: 1.1em;
	background-image: url(../kuvat/li-pun.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}

footer .peruslista li{
	
	background-image: none;	
	padding-left:0em;
}

.valiviiva {
	clear: both;
	margin-bottom: 1.5em;
	padding-top: 0.75em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}



	
	
	
label {
	display: block;
	margin-bottom: 0.3em;
	cursor: pointer;
	font-size: 0.9em;
	font-weight: 700;
	color: #FFFFFF;
}
fieldset {
	display: block;
	margin-bottom: 0.5em;
	font-weight: 700;
	color: #FFFFFF;
}
#lomake {
	background-color: #FF0000;
	padding: 1em;
}

input[type="text"], textarea{
	font-size: 1em;
	padding: 0.5em;
	width: 100%;
	margin-bottom: 0.75em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-appearance: none;
}
.cb {
	margin-bottom: 1em;	
}
.lomakepainike {
	float: right;
	cursor: pointer;
	-webkit-appearance: none;
}
.painike, .nostopainike  {
	border-radius: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}


#ylayhteystiedot .painike{
		margin-left: 2em;
	max-width:280px;
	
	
	}







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

	#nostot, .nosto-v, #paakuva img{
		
		border-radius:0;	
	}
	

	nav ul li a {
	
	padding-right: 0.5em;
	padding-left: 0.5em;
	
}
	

}




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

nav ul li a {
	font-size: 0.825rem;
	padding-left:0.6em;
	padding-right:0.6em;
	letter-spacing: inherit;

}




.painike{
	padding: 0.5em;

	}

	



}




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

nav ul li a {
	font-size: 0.85rem;
	padding-left:0.35em;
	padding-right:0.35em;

}




}
	
	


@media all and (max-width: 980px) {

	
	
	#nostot, .nosto-v, #paakuva img{
		
		border-radius:0;	
	}
		
	
	body {
		font-size: 0.9em;
	}
	
	
	.nosto, .ota-yhteytta, .tutustu-referensseihin {
	width: 50%;
	margin-bottom:0.75em;
	
}

.ota-yhteytta{

	margin-top:0.75em!important;	
	
}


#nostot {
	
	border:none;
	margin-top:1.5em;
	
}






#ylayhteystiedot {
	text-align: center;
	padding-top: 2em;
}


#logo  {
	float: none;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1.5em;
	margin-right:0em;
	margin-left: 0em;
}




#soita {
	display: block;
	text-decoration: none;
	background: #FF0000; /* Old browsers */
	
	background: linear-gradient(to bottom,  #FF0000 0%,#DC0000 100%); /* W3C */

	color: #FFFFFF!important;
	font-size: 1.1em;
	padding: 0.5em;
	border-radius: 50px;
	margin-top:1.75em;
	margin-bottom: 0.5em;
	font-weight: 700;
	text-align: center;
	}
	
	
	
	
	.painike, .painike-lyhyt, .lomakepainike {
		
		max-width:inherit;
		float: none;
	}
	
	
	nav {
	margin-bottom: 0em;
	margin-top: 0em;
	width: 100%;
	clear: both;
	display: block;
	
	}
	
.nav-button {
	display: block;
	position: absolute;
	top: 20px;
	width: 45px;
	height: 45px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	border: 0 none;
	z-index: 999;
	background-color: #FF0000;
	background-image: url(../kuvat/menu-icon-large.png);
	text-transform: uppercase;
	text-indent: -999999px;
	right: 20px;
	border-radius: 6px;
	}
	
	
	.nav-button.open {
	background-color: #FF0000;
	background-image: url(../kuvat/menu-icon-large.png);
	}
	
.primary-nav {
	width: 100%;
	float: none;
	padding: 0;
	overflow: hidden;
	position: absolute;
	z-index: 998;
	clear: both;
	display: block;
	top: 72px;
	left: 0px;
	background: #132737;
	}
	
	.primary-nav li {
		display: none;
		width: 100%;
		
	}
	.primary-nav li a {
	display: block;
	width: 100%;
	text-decoration: none;
	border-radius: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	text-align: center;
	font-size: 0.85em;
	letter-spacing: 1px;
	}
	
		
	
	.primary-nav > li:last-child a{
	border-bottom: none;
	
	}
	
	.primary-nav.open { 
		height: auto; 
		padding-top: 0px;
		
	}
	.primary-nav.open li { 
		display: block; 
	}
.valiviiva-mob {
	clear: both;
	margin-bottom: 1em;
	padding-top: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#logot img{
	
	display: block;
	float: none;
	margin-bottom:1.5em;
	
}
	
	#logot img:last-of-type{
		margin-bottom:0;
	}



}

@media handheld, only screen and (max-width: 640px) {
	
	.nosto, .ota-yhteytta, .tutustu-referensseihin  {
	width: 100%;
	
}



#soita i{
			color: #FF0000;
		vertical-align: middle;

	}




	

	
}













@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

.nav-button, .nav-button.open {
	
	background-image: url(../kuvat/menu-icon-large@2x.png);
	background-size: 38px 38px;
	
}

.peruslista li {
	
	background-image: url(../kuvat/li-pun@2x.png);
	background-size: 10px 10px;
	
}

}




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


#soita i{
		
		color:#ffffff;
		vertical-align: middle;
	margin-right: 0.1em;
	}
	
	

}
@media only screen and (min-width: 980px) {


	#soita i{
			color: #FF0000;
		vertical-align: middle;
			margin-right: 0.1em;
		margin-top:1px;


	}
	
	
	#ylayhteystiedot #soita{
	line-height: 2.75em;
	}
	
	
	
	.responsive-tabs-wrapper{
		margin-bottom:-2.75em;
	}
	
	
	}