@charset "UTF-8";
/* CSS Document */
*,html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:rgba(250,250,250,1.00);
}

.menu {
	width:100%;
	height:auto;
	text-align:center;
	background-color:orange;
	padding:1em 0;
	top:0;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}

.menu a {
	color:white;
	text-decoration:none;
	padding:1em 2em;
	font-size:1.2em;
	font-family:sans-serif;
	font-family:"Open Sans", sans-serif;
	margin:0;
}

.menu a:hover {
	background-color:white;
	color:orange;
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.1);
}

.logo {
	width:35%;
	margin:0em 0 0 1em !important;
	padding:0 !important;
	-webkit-box-shadow:0px 0px 0px !important;
}

.logoteksti {
	padding:0;
	margin-top:-1em;
	margin-bottom:2em; 
	font-size:1.5em;
}

.content {
	padding-top:1em;
	padding-bottom:1em;
	margin-bottom:5em;
	width:50%;
	height:100%;
	background-color:rgba(255,255,255,1.00);
	text-align:center;
	left:25%;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
	position:relative;
	-webkit-animation: animointi 1s;
}

.content img {
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.1);
	height:25%;
	padding: 2em 1em;
	margin:1.5em;
}

.content h1 {
	font-family:"open sans", sans-serif;
	color:rgba(70,70,70,1.00);
	font-weight:300;
	padding-bottom:1em;
}

.content p {
	font-family:"roboto", sans-serif;
	margin-left:2em;
	margin-right:2em;
	font-weight:300;
	color:rgba(70,70,70,1.00);
}

.content hr {
	width:5%;
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.1);
}

.footer {
	width:100%;
	height:auto;
	background-color:rgba(70,70,70,1.00);
	text-align:center;
	font-family:"roboto", sans-serif;
	color:rgba(240,240,240,1.00);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.1);
	font-weight:300;
	padding:1em;
	position:fixed;
	bottom:0 !important;
}

.footer a {
	text-decoration:none;
	color:orange;
}

.footer a:hover {
	text-decoration:underline;
}

.footer p {
	color:rgba(240,240,240,1.00);
}

/*Animointi*/

@-webkit-keyframes animointi {
	0% {opacity: 0.0}
	100% {opacity: 1.0}
	}
	
@-webkit-keyframes oranssi {
	0% {opacity:0.3}
	50% {opacity:1.0}
	100% {opacity:0.3}
}

/*Yhteystiedot*/

.isolaatikko {
	width:100%;
	border-top:3px dashed rgba(240,240,240,1.00);
}

.vasenlaatikko {
	width:50%;
	float:left;
	margin-top:3.5em;
}

.vasenlaatikko {
	text-align:left !important;
	font-size:1.5em !important;
}


.oikealaatikko {
	width:50%;
	margin-left:auto;
}

.oikealaatikko img {
	height:10em;
}