@charset "UTF-8";
/* CSS Document */

html, body {
	height: 100%;
	}
	
*{
margin:0;
padding:0;
	}

body {
	background:url('images/tausta_03.jpg');
	background-size: cover;
	font-family: 'Raleway', sans-serif;
	}
	
#currentpage {
	background:#a76097;
	}

header {
	display:block;
	width:100%;
	height:185px;
	background:#FFF;
	}	
	
#logo {
	background:url('images/logo.png');
	background-repeat:no-repeat;
	background-position:center;
	width: 300px;
	height:200px;
	margin:0 auto;
	}		
		
#wrapper2 {
	max-width: 820px;
	margin: 0 auto;
	}	
	
nav {
	width:820px;
	height:auto;
	background-color:#8e327b;
	display:block;
	}	
	
nav li:hover {
	background:#a76097;
	}
	
nav li {
	list-style-type:none;
	display:block;
	float:left;
	padding:0px;
	background:#8e327b;
	}

nav ul {
	width:820px;
	margin:0 0 0 90px;
	}
	
nav a {
	display:block;	
	padding:22px;
	text-decoration:none;
	color:#FFF;
	font-family: 'Raleway', sans-serif;
	}
	
#tausta {

	width:100%;
	height:70%;
	}
	
#palsta {
	width: 720px;
	font-family: 'Raleway', sans-serif;
	background: #fff;
	padding: 30px 30px 30px 70px;
	text-align: left;
	line-height: 1.3;
	}
	
.palsta1 {
	width:245px;
	height:200px;
	float:left;
	padding:10px;
	margin: 30px 0 5px 0;
	background:#FFF;
	}	
	
#facebook_palsta {
    padding: 10px 0; 
    width: 265px;
    }

.fb-like-box.fb_iframe_widget {
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
#facebook_palsta {
	overflow:auto;
       -webkit-overflow-scrolling:touch;
}

.palsta2 {
	width:245px;
	height:200px;
	float:left;
	padding:10px;
	margin: 30px 12.5px 5px 12.5px;
	background:#FFF;
	}	

#palsta_palvelut {
	width:720px;
	height:1970px;
	font-family: 'Raleway', sans-serif;
	background: #fff;
	padding: 30px 30px 30px 70px;
	text-align:left;
	line-height: 1.3;
	}	
#palsta_palvelut ul {
	list-style:none;
	padding: 0px 100px 20px 0px;
	}	
	
#palsta_yritys {
	width: 720px;
	font-family: 'Raleway', sans-serif;
	background: #fff;
	padding: 30px 70px 30px 30px;
	text-align: left;
	line-height: 1.3;
	}
	
.yritys {
	width: 340px;
	height: 283px;
	float:left;
	z-index:1;
	margin: 0 35px 0 0;
	}		
	
	
.palvelut {
	width: 245px;
	height: 200px;
	}	
	
p	{
	font-family: 'Raleway', sans-serif;
	color: #000;
	text-align: left;
	padding: 5px 0px;
	}	
	
.palsta1 p, .palsta2 p {
	text-align:center;
	}
	
h2 {
	font-family: 'Raleway', sans-serif;
	color:#8e327b;
	text-align:center;
	font-size:18px;
	padding: 5px;
	}	
	
h3 {
	font-family: 'Raleway', sans-serif;
	color: #8e327b;
	text-align: left;
	font-weight: 300;
	line-height: 1.5;
	font-size: 18px;
	margin-top: 20px;
	}		
	
h4 {
	font-family: 'Raleway', sans-serif;
	color:#000;
	text-align:left;
	font-weight:300;
	font-size:18px;	
	}	
	
h5 {
	line-height: 2.5;
	padding: 0 0 20px;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	}	
	
h6 {
	font-family: 'Raleway', sans-serif;
	color: #8e327b;
	text-align: left;
	font-weight: 300;
	line-height: 1.5;
	font-size: 18px;
	}	
	
#hoidot p {
	padding: 10px;
	line-height: 1.3;
	}	
	
a.inline {
	display: block;
	float: left;
	width: 160px;
	background: #FFF;
	}
	
a.inline p { 
	text-align: center;
	color:#000;
	}
		
footer {
	padding:15px;
	font-size:14px;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	text-align: center;
	}
	
.clear {
		clear:both; height:0;
		}
#browser-warning {
	display: none;
	width: 100%;
	background-color: #8e327b;
	color: #fff;
	padding:10px;
    }
	
#palsta ul {
	padding: 0px 190px 20px 0px;
	}
	
.sky{
	padding: 10px 0 0 0;
	}
	
#ph {
	padding:10px;
	float:right;
	z-level: 2;
	}
	
.tuote {	
	display: block;
	float: left;
	z-index:1;
	margin: 0 15px;
	}

a {
	text-decoration:none;
	color:#000;
	}