body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
}



h1, h2, h3, h4, h5, h6, span, p, ul, li {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}



table{
	width: 100%;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

h2 {
	color: #353535;
}

p {
	padding-top: 20px;
}

a {
	color: #dd3131;
}

.first-li {
	list-style:none;
	margin-bottom: 20px;
}
					/* HEADER */

.header {
	position: fixed;
	height: 80px;
	width: 100%;
	background-image: url('../kuvat/transparent.png');
	z-index: 9999999999999999;
}

.header-center {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	width: 100%;
	text-align: center;
}

#logo {
	float: left;
}

.logo {
	margin-top: 20px;
	max-height:35px;
}

					/* NAVIGOINTI */

.navigointi {
    	margin: 0 auto;
    }

.navigointi li {
    display: inline-block;
	vertical-align: top;
    }

.navigointi li a {
    color: #c2c2c2;
    display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	margin-right: 20px;
	height: 80px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 25px;
	padding-bottom: 25px;
    }

.navigoi:hover {
    	color: #de3232;
    }

.navigointi li a:hover {
	color: #de3232;
}




					/* HIDDEN-MENU */

.hidden-menu {
	display: none;
	color: white;
	float: right;
	padding: 10px;
	background-color: #252525;
	margin-top: 18px;
	cursor: pointer;
}

.hidden-menu-valittu {
	background-color: #dd3131;

}


					/* VAIHTUVA KUVA */
.vaihtuva-kuva-block {
	position: relative;
	height: 370px;
	width: 100%;
}

.vaihtuva-kuva {
	height: 100%;
	position: absolute;
}

#eka {
	background-image: url("../kuvat/metsa.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}

#toka {
	background-image: url("../kuvat/umbrella.jpg");
	background-color: #f1f1f1;
	background-repeat: no-repeat;
	background-position: top top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}


#kolmas {
	background-image: url("../kuvat/rock.jpg");
	background-color: #f1f1f1;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}

#neljas {
	background-image: url("../kuvat/water.jpg");
	background-color: #f1f1f1;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}

#viides {
	background-image: url("../kuvat/storm.jpg");
	background-color: #f1f1f1;
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}

.vaihtuva-kuva-center {
	max-width: 1124px;
	margin: 0 auto;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;

}

.slider_images {
	width: 100%;
	margin-top: 4%;
	max-width: 600px;
	max-height: 317px;
	
}

					/* NAPPULAT */

.nappulat {

	position: absolute;
	z-index: 10000000;
	bottom: 20px;
	text-align: right;
	right: 20px;
}

.radiot {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	color: white;
	border: 2px solid white;
	border-radius: 100%;
}

.radiot:hover {
	background-color: #de3232;
	color: #e2001a;
}

.radiontausta {
	background-color: white;
	color: white;
}

					
					/* SECTION 1 */


.section1 {
	background-image: url("../kuvat/ylakuva.jpg");
	background-position: bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width 100%;
	height: auto;
	height: 450px;
	position: relative;
}

.section1-center {
	position: absolute;
	text-align: center;
	bottom: 0;
	width: 100%;
	font-size: 2em;
	font-weight: bold;
	text-shadow: 2px 2px 2px black;
	color: white;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}




					/* SECTION 2 */

.section2 {
	background-color: #242424;
	width: 100%;
	height: auto;
}

.section2-center {
	margin: 0 auto;
	max-width: 1124px;

	padding-top: 40px;
	padding-bottom: 60px;
	color: white;
	box-sizing: border-box;
	height: 100%;
}

.section2-center p {
	line-height: 22px;
	text-align: left;
}

.red {
	color: white;
	font-weight: bold;
	font-size: 1.2em;
}

							/* FOOTER CONTAINER */

#column-wrapper {
	background-image: url('../kuvat/footer_pattern.jpg');
	min-height: 100%;
}

#column-wrapper h1 {
	color: white;
	text-align: center;
	margin-bottom: 20px;
}

#column-center {
	max-width: 1124px;
	margin: 0 auto;
	padding: 20px;
}

.column {
    width: 345px;
    float: left;
}



.column.mid {
    margin: 0px 40px;

}

.ihmiset-otsikot {
	text-transform: uppercase;
	font-size: 1.2em;
	padding-bottom: 10px;
	border-bottom: 1px solid #6d6e8c;
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
	color: white;
}

.pienet-otsikot {
	text-transform: uppercase;
	display:block;
	margin-bottom: 5px;
	font-weight: bold;
}

.pieni-logo-footer{
	padding-left: 5px;
	margin-bottom: 27px;
		max-height:35px;
}

.ihmisen-tiedot {
	margin-bottom: 20px;
	color: #bababa;
	font-weight: bold;
}

.bright-red {
	color: #f60b2c;
	display: block;
	padding: 5px;
}

.keski-footer {
	padding-top: 32px;
}

.linkit {
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	margin-left: 10px;
}

.linkit a {
	color: inherit;
}

.linkit.white {
	color: white;
}

.linkit.pink {
	color: #e42849;
}

.puhelunHinta {
	font-size: 0.8em;
}
						/* LOMAKE */

#loadingmessage {
	display: none;
}

.yhteydenotto {
	width: 100%;
	background-color: white;
	border: 2px solid #545454;
	display: block;
	padding: 5px;
	box-sizing: border-box;
	font-size: 1em;
	margin-bottom: 10px;
	color: #242424;
}

.yhteydenotto:focus {
	background-color: #252525;
	color: white;
}

.yhteydenotto:hover {
	background-color: #252525;
	color: white;
}

.yhteydenotto-text {
	width: 100%;
	background-color: white;
	border: 2px solid #545454;
	display: block;
	padding: 5px;
	box-sizing: border-box;
	font-size: 1em;
	margin-bottom: 10px;
	color: #242424;
	height: 200px;
}

.yhteydenotto-text:focus {
	color: white;
	background-color: #252525;
}

.yhteydenotto-text:hover {
	background-color: #252525;
	color: white;
}

#yhteydenotto {
	width: 100%;
	display: inline-block;
	vertical-align: top;

}

#yhteydenotto td {
	width: 100%;

}


.yhteydenotto-laheta {
	display: inline-block;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 0.95em;
	background-color: #343434;
	border: 2px solid #545454;
	color: #f1f1f1;
	margin-right: 5px;
	cursor: pointer;
}

.yhteydenotto-laheta:hover {

	color: #e54b48;
}

.yhteydenotto-tyhjenna {
	padding: 10px;
	border-radius: 10px;
	border: none;
	background-color: #252525;
	color: white;
	margin: 5px;
	cursor: pointer;
	
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  	 color:   #858585;
 	 opacity:  1;
	font-size: 1em;
}

textarea {

	font-family: 'Open Sans', sans-serif;

}

#results {
	background-color: #252525;
	padding: 20px;
	display: none;
	margin-top: 20px;
	color: #959595;
}

#loadingmessage{
	color: white;
}

#results b {
	color: white;
}

.mediat {
	cursor: pointer;
}

.mediat:hover {
	opacity: 0.6;
}