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

body {
	min-width: 95%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dce5ea+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #dce5ea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#dce5ea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#dce5ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce5ea',GradientType=0 ); /* IE6-9 */

}

#wrapper {
	width: 100%;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#logo {
	width: 100%;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding-top: 0px;
	border-bottom: 1px #dddddd solid;
	text-align: center;

}

#navigaatio {
	width: 100%;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

#header {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	text-align: center;	
}

#main {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 10px;
	font-family: 'News Cycle', sans-serif;
	font-size: 17px;
	color: #686868;
	line-height: 22px;
	
}

.isoteksti {
	font-family: 'News Cycle', sans-serif;
	font-size: 22px;
	color: #686868;
	line-height: 28px;
	
}

#etusivu_wrapper {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#main_etusivu {
	float: left;
	width: 60%;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 55px;
	font-family: 'News Cycle', sans-serif;
	font-size: 17px;
	color: #686868;
	line-height: 22px;
	
}

#uutinen {
	float: left;
	width: 25%;
	margin-top: 0px;
	padding-top: 10px;
	font-family: 'News Cycle', sans-serif;
	font-size: 17px;
	color: #686868;
	line-height: 22px;
	background-color: #bbdbea;
	padding: 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
}

.uutinen_otsikko {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 25px;
	color: #ffffff;
}

#yhteystieto1 {
	float: left;
	width: 400px;
}

#yhteystieto2 {
	float: left;
	width: 400px;
}

#talo_wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 25px;
	margin-bottom: 50px;
	 text-align: center;
	font-family: 'News Cycle', sans-serif;
	font-size: 17px;
	color: #686868;
	line-height: 22px;
}

.talomalli1 {
	position: relative; 
    max-width: 30%;
     display: inline-block;
	 margin-left: 25px;
}

.otsikko {
   position: absolute; 
   top: 50%;  
   width: 100%;
   font-family: 'News Cycle', sans-serif;
   font-size: 4.0vw;
   color: #ffffff;
   text-align: center;
}

a.talolinkki:link {
    font-family: 'News Cycle', sans-serif;
   font-size: 4.0vw;
   color: #ffffff;
   text-align: center;

}

a.talolinkki:active {
   font-family: 'News Cycle', sans-serif;
   font-size: 4.0vw;
   color: #ffffff;
   text-align: center;
}

a.talolinkki:visited {
    font-family: 'News Cycle', sans-serif;
   font-size: 4.0vw;
   color: #ffffff;
   text-align: center;
}

a.talolinkki:hover {
    font-family: 'News Cycle', sans-serif;
   font-size: 4.0vw;
   color: #ffffff;
   text-align: center;
}

/*GROW*/
.grow img {
-webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
		  margin-bottom: 10px;
}

.grow img:hover {
 -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
		
}

a.darken {
    display: inline-block;
    background: black;
    padding: 0;
}

a.darken img {
    display: block;

    -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
}

a.darken:hover img {
    opacity: 0.7;
}

#talomallit {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
}

#purolaakso1 {
	width: 100%;
	text-align: left;
	font-family: 'News Cycle', sans-serif;
	font-size: 17px;
	color: #686868;
	line-height: 22px;
}


#rantalehto1 {
	width: 100%;
	text-align: left;
	font-family: 'News Cycle', sans-serif;
	font-size: 17px;
	color: #686868;
	line-height: 22px;
}


#kaaritalot1 {
	width: 100%;
	text-align: left;
	font-family: 'News Cycle', sans-serif;
	font-size: 17px;
	color: #686868;
	line-height: 22px;
}

.talo_align {
	float: left;
	margin-right: 18px;
}


#tiedot {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
}

#huoneistomyynti {
	float: left;
	margin-right: 50px;
	display: inline-block;
	width: 350px;
	padding-bottom: 50px;

}

#rajala {
	float: left;
	margin-right: 50px;
	display: inline-block;
	width: 350px;

}

#honkatalot {
	float: left;
	margin-right: 50px;
	display: inline-block;
	width: 300px;

}


#footer {
	clear: both;
	width: 100%;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top: 35px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	color: #898989;
	line-height: 18px;
	text-align: center;
	background-color: #3e3e3e;
}

#footer2 {
	clear: both;
	width: 100%;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top: 35px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;
	color: #898989;
	line-height: 18px;
	text-align: center;
	background-color: #3e3e3e;
}

.image_align_left {
	float: left;
	padding-right: 8px;
	padding-bottom: 8px;
}

.image_align_right {
	float: right;
	padding-left: 8px;
	padding-bottom: 8px;
}

.hidden {
	color: #ffffff;
	text-indent: 100%;
}

.btn {
  background: #6ca01b;
  background-image: -webkit-linear-gradient(top, #6ca01b, #578312);
  background-image: -moz-linear-gradient(top, #6ca01b, #578312);
  background-image: -ms-linear-gradient(top, #6ca01b, #578312);
  background-image: -o-linear-gradient(top, #6ca01b, #578312);
  background-image: linear-gradient(to bottom, #6ca01b, #578312);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 26px;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
}

.btn:hover {
  background: #578312;
  text-decoration: none;
}

.clear {
	clear: left;
}

img {
    height: auto;
    max-width: 100%;
}

a:link img, a:visited img, a:focus img, a:active img {
border: 0;
}

a:hover img {
border: 0;
}




