@import url('http://fonts.googleapis.com/css?family=Oswald:300,400,700');
@import url('http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

	body {
		background: #fff;
		color:#333;
		font-family:'Roboto Condensed',Tahoma, Geneva, sans-serif;
		font-weight:300;
		font-size:18px !important;
	}
	a {
		color: #666 !important;
	}
		a:hover, a:focus {
			text-decoration:  none !important;
			color:#999 !important;
		}
.hometitle,
	h1, h2, h3, h4, h5, h6 {
		font-family: "Oswald",Tahoma,Geneva,sans-serif;
		color: #333 !important;
		font-weight: 300 !important;/**/
	}
div.map,#footer
{
	font-family:'Roboto Condensed',Tahoma, Geneva, sans-serif;
	font-weight:300;
	font-size:18px; 
	background-color:#fff;
	color:#333;
}

b, strong
{
  font-weight: 400;
}
/* ------------------------------------------------ LOGO -------------------------------------------------------- */
.logo
{
	background-color:#231F20;/*#ccc #f5f5f5*/
padding-top:10px ;
padding-bottom:0px ;
}

 div.logo > div.container-fluid > div.container > div.row > div.col-md-4
{
padding-left:0px ;
}
div.logo > div.container-fluid > div.container > div.row > div.col-md-4.col-md-offset-4
{
padding-left:40px ;
padding-top:90px ;
}
@media (max-width : 1200px) { 
div.logo > div.container-fluid > div.container > div.row > div.col-md-4.col-md-offset-4
{
padding-left:0px ;
padding-top:0px ;
}
    }
/* ----------------------------------------- TOP IMAGE --------------------------------------------- */

.topimagewide
{
	margin-top:0px !important;
	margin-bottom:0px !important;/* 30px */
}
@media (max-width : 1000px) { 
.topimagewideomobile
{
	margin-top:0px !important;
	margin-bottom:0px !important;
}
.topimagewidexxx
{
	display:none !important;
}
}
@media (min-width : 1000px) { 
.topimagewidemobile
{
	display:none !important;
}
}

.flex-caption
{
	font-size:42px;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:30px;
	text-align:right;
	float:right;
	font-family: "Oswald",Tahoma,Geneva,sans-serif;
		font-weight:  300 !important;
}
@media (max-width : 1000px) { 
.flex-caption
{
	font-size:24px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	line-height:24px;
	text-align:right;
	float:right;
}
}
/* -------------------------------------------- SIVU ----------------------------------------------------- */


div.map-content > div.row
{
	margin-bottom: 30px;
}
.item-page .page-header h2,
.item-page .page-header h1{
		font-size:32px !important; 
		font-family: "Oswald",Tahoma,Geneva,sans-serif;
		font-weight:  300 !important;
	}



	
.item-page
{
	padding-top:0px !important;
	padding-bottom:30px !important;
}
/* -------------------------------------------- ETUSIVU ------------------------------------------------------ */

.homecol
{
	padding-top:0px;
}
@media (max-width : 1000px) { 
.moduletable-homecol-1
{
	margin-top:30px;
}
}
.moduletable-homecol-1,.moduletable-homecol-2, .moduletable-homecol-3
{
	padding:10px;
	border:solid 1px #f5f5f5;/*#CCC*/
	min-height: 440px;
	margin-bottom:20px;
}
.moduletable-homecol-1,
.moduletable-homecol-2,
.moduletable-homecol-3
{
	padding:20px;
}

	
.moduletable-homecol-1 h3,
.moduletable-homecol-2 h3,
.moduletable-homecol-3 h3
{
		font-size:42px !important; 
		font-family: "Oswald",Tahoma,Geneva,sans-serif;
		font-weight:  300 !important;
	}
.moduletable-homecol-1 h3,
.moduletable-homecol-2 h3,
.moduletable-homecol-3 h3
{
	padding-top:0px !important;
	margin-top:0px !important;
	padding-bottom:25px !important;
	}
	

@media (max-width : 1200px) { 
.moduletable-homecol-1, 
.moduletable-homecol-2, 
.moduletable-homecol-3
{
min-height: 300px;
}
}



/* fb */
#fb_border
	{
		width:338px !important;
}	
/* mobiili */
@media (max-width : 1200px) { 
#fb_border
	{
		width:260px !important;
}	
    }
@media (max-width : 1000px) { 
#fb_border
	{
		width:500px !important;
}	
    }

@media (max-width : 600px) { 
#fb_border
	{
		width:280px !important;
}	
    }



/* uutiskirje */
.acysubbuttons
{
  text-align: left;
  margin-top:20px;
   margin-bottom:20px;
}
input.button.subbutton.btn.btn-primary
{
  background-color:#999 !important;
  border:none !important;
  border-radius:0px !important;
}
input.button.subbutton.btn.btn-primary:hover
{
  background-color:#666 !important;
}
/* ------------------------------------------------- OIKEA ------------------------------------------------ */
.right
{
	margin-top:22px;
}
/* submenu */
html > body > div.map > div.container > div.map-content > div.row > div.col-md-4 > div.right > div.moduletable-yhteys 
{
	padding: 1px 20px 20px 20px;
	background-color:#F5F5F5;
	margin-bottom:20px;
}
html > body > div.map > div.container > div.map-content > div.row > div.col-md-4 > div.right > div.moduletable-yhteys > h3
{
	font-size:28px !important; 
		font-family: "Oswald",Tahoma,Geneva,sans-serif;
		font-weight:  300 !important;
	border-bottom:#CCC thin solid;
	padding-bottom:20px;
}
div.moduletable-submenu > ul.nav.menu > li > a
{
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  }

/* ---------------------------------------------------- LOMAKE ---------------------------------------------------------------- */


.rsform-submit-button
{
  background-color: #C7C8CA !important;
  background-image:none !important;
  color: #333 !important;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
  border-radius:0px !important;
  border:none !important;
}
.rsform-submit-button:hover
{
  background-color: #DBDCDE !important;
  border-radius:0px !important;
  border:none !important;
}
/* tekstit */
strong.formRequired,
form#userForm div.form-group.rsform-block .control-label.formControlLabel
{
  font-weight:  300 !important;
  font-style: normal !important;
 
}

/* ------------------------------------------------ PRINT --------------------------------------------------------- */
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-submenu:hover a,
.dropdown-submenu:focus a
{
  background-color: #eaeaea;
  background-image: none;
  border-radius:0px;
}
div.btn-group.pull-right a.btn.dropdown-toggle{
  background-color: #eaeaea;
  background-image:none;
  border-radius:50px;
  margin-left:10px;
  margin-bottom:10px;
}
.open .dropdown-menu
{
 border-radius:0px;
}
@media (max-width : 768px) { 
    .btn-group.pull-right {
		display:none;
    }
    }
/* ------------------------------------- FOOTER ------------------------------------------------------- */

    #footer {
    width:100%;
    height:210px; 
    bottom:0;
    left:0;
	background-color:#F5F5F5 !important;
	font-size:14px;
	padding-top:20px;
	}
@media (max-width : 1000px) { 	
    #footer {
    height:310px; 
    }	
}
@media (max-width :400px) { 	
    #footer {
    height:360px; 
    }	
}	
/* menu */
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover,
.nav > li > a:focus, .nav > li > a:hover
{
  background-color: transparent !important;
}

.footer-line-1,
.footer-line-2
{
background-color:#C7C8CA !important;
	height:1px;
	}
	.footer-line-1
{
	width:auto;
	margin-bottom:30px;
	margin-left:20px;
	margin-right:20px;
	}
@media (min-width : 1000px) { 
.footer-line-1
{
	display:none;
	}
}
/* footer 1 */
div.moduletable-footer-1 
{
	margin-top:10px;
	margin-bottom:30px;
	padding-left:20px;
}	
@media (max-width : 1000px) { 
div.moduletable-footer-1 
{
	text-align:center;
		padding-left:0px;

}
}
.moduletable-footer-2 
{

	margin-top:20px;

}
.moduletable-footer-2 
{
	max-width:330px !important;
	text-align:center !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-left:  auto !important;
	margin-right:  auto !important;
	margin-bottom:30px;

}


/* -------------------------------------------------------- Footer WM ------------------------------------------------ */
div.moduletable-wm > div.custom-wm > a
{
	color:#ccc !important;
}	
div.moduletable-wm > div.custom-wm > a:hover
{
	color:#999 !important;
}
div.moduletable-wm > div.custom-wm 
{
		text-align: center;
		margin-top:30px;
		margin-bottom:30px;
}		
/* ---------------------------------------- CLEAR ----------------------------------------------------- */
.clear{
	clear:both;
}