@charset 'utf-8';
/*
*
*		Lämpökarelia
*
*		style.css
*
*/



/* YLEISET */

p, h1, h2, h3, h4, a, div, ul { font-family:arial, sans-serif; }
body { text-align:left; background-image:url(../images/bg_lampovesiilmastointi.jpg); background-repeat:repeat-x; background-position:center top; }
div.mainContainer { width:980px; margin:0px auto; overflow: hidden; }
div.mainHeader { height:100px; text-align:left; overflow:hidden; }
a, a:active, a:visited{ text-decoration:none; color:#2173ae; }
a:hover{ text-decoration:underline; }
div.eraser{ clear:both; margin:0; padding:0; }
	.margins{ margin:20px 0px 5px 0px !important; }
		.margins.removeTopMargin		{ margin-top: 0 !important; }
	.margins2{ margin:15px 0px 5px 0px !important; }

.clear			{ clear: both; }

.header.huollot						{ margin: 20px 0 10px 0; }

td { vertical-align:top; }

/*  TEKSTIT  */
p, ul, ol{ font-size:12px; color:#575757; line-height:150%; margin:0px 0px 10px 0px; }
	ul, ol{ list-style:disc; margin:0px 0px 0px 30px; }
h1{ font-size:22px; color:#575757; margin:10px 0px 10px 0px; font-weight:normal; }
	h1 span{ font-size:12px; font-style:italic; }
h2{ font-size:15px; color:#227abd; font-weight:bold; margin:0px 0px 5px 0px; }
	.red{ color:#cd0442 !important; font-size:24px; margin:20px 0px 0px 0px; }

p#esittely			{ border-left: 1px solid #c2c2c2; margin: -20px 0 0 340px; padding: 0 0 0 30px; position: absolute; width: 540px; }

/*  INPUTIT  */
input.basicTxt, textarea{
	width:95%;
	font-size:14px;
	border:2px solid #d3d3d3;
	height:21px;
	line-height:21px;
	background-image:url(../images/bg_input.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	textarea{ height:100px !important; line-height:18px !important; }





/* TOISTUVAT ELEMENTIT */

.leftFloater{ float:left; }

div.icon{ width:75px; height:80px; background-repeat:no-repeat; float:left; margin:0px 20px 10px 0px; }
	.iconHuollot{ background-image:url(../images/icon_huollot.png); }
	.iconHuoltosopimukset{ background-image:url(../images/icon_huoltosopimukset.png); }
	.iconUrakointi{ background-image:url(../images/icon_urakointi.png); }
	.iconReferenssit{ background-image:url(../images/icon_referenssit.png); }
	.iconYhteys{ background-image:url(../images/icon_yhteys.png); }
	.iconTaloyhtiot{ background-image:url(../images/icon_taloyhtiot.png); }
	.iconIsannoitsijat{ background-image:url(../images/icon_isannoitsijat.png); }
	.iconRemontoijat{ background-image:url(../images/icon_remontoijat.png); }
	.iconRakentajat{ background-image:url(../images/icon_rakentajat.png); }
	.iconLvi_tuotteet{ background-image:url(../images/icon_lvi_tuotteet.png); }
	.iconVerkkokauppa{ background-image:url(../images/icon_verkkokauppa.png); }
	.icon24h{ background-image:url(../images/icon_24h.png); }

div.paivystys{
	position:absolute;
	margin:0px 0px 0px 335px;
	width:313px;
	height:46px;
	overflow:hidden;
	background-image:url(../images/banner_paivystys.png);
	background-repeat:no-repeat;
	}

div.mainPadds{ padding:20px 40px 20px 40px; }
img.header{ margin:0px 0px 20px 0px; }


.floatLeft					{ float: left; width: 170px; }


.ajankohtaistasivu			{ overflow: hidden; padding: 0 60px; }
	#ajankohtaista_arkisto	{ float: left; overflow: hidden; padding: 20px 0 0; width: 250px; }
	#ajankohtaista_current	{ float: right; overflow: hidden; width: 610px; }
	#ajankohtaista_current img	{ float: right; margin: 10px 0 20px 20px; }


/*  ETUSIVU  */

#etusivuNostot{ height:405px; top: 180px; position: absolute; overflow:hidden; text-align:left; padding-left:40px; }
	div.etusivuNosto { float:left; }
		#etusivuVasenDiv, #etusivuKeskiDiv, #etusivuOikeaDiv, #etusivuVasenImg, #etusivuKeskiImg, #etusivuOikeaImg { width:300px; height:318px; cursor:pointer; cursor:hand; }
	div.etusivuIcon{
		width:200px;
		height:162px;
		overflow:hidden;
		position:absolute;
		margin:190px 0px 0px 0px;
		background-image:url(../images/icon_etusivu_sprite.png);
		background-repeat:no-repeat;
		}


		.yritykset{ background-position:0px 0px; }
		.taloyhtiot{ background-position:0px -162px; }
		.yksityiset{ background-position:0px -324px; }

	div.etusivuOtsikot{
		margin:20px 0px 0px 30px;
		position:absolute;
		width:160px;
		height:22px;
		overflow:hidden;
		background-image:url(../images/etusivuotsikot_sprite.png);
		background-repeat:no-repeat;
		}
			.otsYritykset{ background-position:0px 0px; }
			.otsTaloyhtiot{ background-position:0px -22px; }
			.otsYksityiset{ background-position:0px -44px; }

	div.nostoContent{ z-index:10; font-size:11px; color:#fff; line-height:140%; width:230px; position:absolute; margin:55px 0px 0px 30px; }
		div.nostoContent a{ float:left;display:block; margin:5px 10px 5px 5px; padding:0px 0px 0px 10px; color:#fc8e05; font-weight:bold; }
			.noFloat{ display:inline !important; float:none !important; margin:0 !important; padding:0 !important; background:none !important; }
		div.nostoContent a:hover{ color:#fff; background-image:url(../images/nuoli.gif); background-repeat:no-repeat; background-position:0px 3px; }

	#nostoShop								{ margin: 30px 0 0 20px; position: absolute; }
		#nostoShop a.noHover				{ margin: -5px 0 0 -20px; }
		#nostoShop a.noHover:hover			{ background: none; }

	.nostoContent a.noLinkColors			{ color: white; font-weight: normal; }
	.nostoContent a.noLinkColors:hover		{ background: none; text-decoration: none; }

div.etusivuYhteys{ position: absolute; margin: 650px 0 0 80px; text-align: center; width: 510px; }

#ajankohtaista				{ position: absolute; padding: 0 0 0 70px; margin: 430px 0 0 0; text-align: center; width: 850px; }
	#ajankohtaista hr		{ border: none; border-bottom: 1px solid #e0e0e0; height: 1px; }
	.ajankohtainen_container	{ float: left; overflow: hidden; padding: 10px; text-align: left; width: 250px;  }
	.ajankohtainen_container h2 a { font-size: 16px; }
	
	.ajankohtainen_container a	{ font-size: 12px; }
#ajankohtaista h1				{ margin: 10px 0 5px; text-align: left; }

/*  PERUSSIVUPOHJA  */

#referenssit		{ font-size: 13px; width: 500px; }
	#referenssit td { padding: 5px 0; }

#logoEtusivu		{ position: absolute; margin: -10px 0 0 80px; }
#logo				{ position: absolute; margin: -70px 0 0 60px; }

div.menuContainer{ height:104px; overflow:hidden; background-image:url(../images/bg_menu.png); background-repeat:no-repeat; }
	div.mainMenuContainer{ height:64px; overflow:hidden; }
		div.subMenuContainer{ height:41px; overflow:hidden; padding:0px 0px 0px 25px; }
			div.subMenuContainer span{ font-size:13px; margin:15px 0px 0px 0px; color:#abcbe4; display:block; float:left; }
div.middleContainer{ background-image:url(../images/bg_main.png); background-repeat:repeat-y; min-height:270px; }

.middleContainer.yritysesittely				{ overflow: hidden; padding: 10px 40px; }
	.yritysesittely h2						{ margin: 30px 0 10px; }

#esittely_right								{ float: left; width: 450px; }
#esittely_left								{ float: right; padding: 50px 0 0; width: 400px; }
	#esittely_left span						{ color: #5c5c5c; display: block; font-style: italic; font-size: 11px; margin: 3px 0 40px;  }

.yhteystiedot			{ float: left; width: 270px; }
	.yhteystiedot img			{ margin: 20px 0 10px 0; }
	.yhteystiedot p				{ margin: 0 0 10px 10px; }
	.yhteystiedot.withMargin	{ margin: 10px 0 0 40px; }
	.yhteystiedot.withMargin.no-left	{ margin-left: 0; }
	.yhteystiedot h4			{ font-size: 13px; font-weight: bold; margin: 20px 0 15px 10px; }
	.yhteystiedot h3			{ color: #227abd; font-size: 18px; font-weight: bold; margin: 0 0 15px 0; }

	.yhteystiedot .headerMargin	{ margin: 20px 0 10px -10px; }
	.yhteystiedot .add-margin	{ margin: 20px 0 10px 0; }

iframe							{ margin: 0 0 20px 0; }

div.cols{ float:left; margin:0px 0px 20px 0px; }
	.cols1{ width:895px; }
	.cols2{ width:595px; }
	.cols3{ width:277px; }
		.contentPadds{ padding:0px 25px 0px 0px; }




		/* MENU  */

		a.mainMenu{ margin:7px 0px 0px 11px; float:left; display:block; width:162px; height:57px; background-image:url(../images/sprite_mainmenu_uusi.png); overflow:hidden; }

			div.menuNuoli{
				margin:49px 0px 0px 76px;
				position:absolute;
				width:11px;
				height:8px;
				background-image:url(../images/navinuoli.png);
				background-repeat:no-repeat;
				}

			a:hover.mainMenu{ background-color:#3a8fd0; }
				.linkYrityksille{ background-position: -30px 0px; }
					.linkYrityksille_lock{ background-position: -30px -224px; background-color:#fff; }
					a:hover.linkYrityksille_lock{ background-color:#fff !important; }
				.linkTaloyhtioille{ background-position: -30px -56px; }
					.linkTaloyhtioille_lock{ background-position: -30px -280px; background-color:#fff; }
					a:hover.linkTaloyhtioille_lock{ background-color:#fff !important; }
				.linkYksityisille{ background-position: -30px -112px; }
					.linkYksityisille_lock{ background-position: -30px -336px; background-color:#fff; }
					a:hover.linkYksityisille_lock{ background-color:#fff !important; }
				.linkYhteys{ background-position: -10px -168px; width: 210px !important; }
					.linkYhteys_lock{ background-position: -10px -392px; background-color:#fff; width: 210px !important; }
					.linkYhteys_lock .menuNuoli{ margin: 49px 0 0 95px; }
					a:hover.linkYhteys_lock{ background-color:#fff !important; width: 210px !important; }
				
				
				.linkAjankohtaista{ background: url(../images/menu_ajankohtaista.png) -30px 0px !important; }
					.linkAjankohtaista_lock{ background: url(../images/menu_ajankohtaista.png) -30px -224px !important; background-color:#fff !important; }
					a:hover.linkAjankohtaista_lock{ background-color:#fff !important; }
				
		a.subMenuLink{
			font-size:13px; display:block; float:left; color:#2279bc; margin:15px 10px 0px 15px;
			}
			.subLock{ font-weight:bold; color:#c90441 !important; }
			a:hover.subMenuLink{ text-decoration:none !important; color:#abcbe4; }

	#yhteys-common			{ width: 100%; }

/*  KUVABANNER  */

	div.kuvaBanner{ margin:0px 11px 0px 11px; height:220px; overflow:hidden; }
		.refImg{ display:block; float:left; margin:0px 20px 0px 0px; }
		.refTxt{ width:450px; }

	#headerImage			{ margin:0px 11px 0px 11px; height:220px; overflow:hidden; }


/*	AJANKOHATAISTA	*/

#ajankohtaista_current h1 					{ margin: 30px 0 0 !important; }
#ajankohtaista_current small,
#ajankohtaista_arkisto small,
#ajankohtaista small 						{ color: #575757; font-size: 10px; display: block; margin: 5px 0 30px !important; }

#ajankohtaista_arkisto small				{ margin: 5px 0 0px !important; }
#ajankohtaista small 						{ margin: 5px 0 3px !important; }

#ajankohtaista_arkisto ul					{ list-style: none; margin: 10px 0 0 10px; width: 200px; }
#ajankohtaista_arkisto ul li				{ margin: 0 0 10px; }

/*  FOOTER  */
table.yhteys{ margin: 0 auto; }
table.yhteys td{ padding:0px 20px 0px 20px; color:#707070; font-size:12px; text-align:center; line-height:150%; }
div.yhteyslinkit{ width:232px; height:29px; margin:8px 0px 8px 0px; background-image:url(../images/bg_yhteyslinkit.png); background-repeat:no-repeat; overflow:hidden; }
	div.yhteyslinkit a{
		background-repeat:no-repeat;
		display:block;
		float:left;
		color:#fff;
		font-weight:bold;
		height:29px;
		line-height:29px;
		padding:0px 0px 0px 8px;
		margin:0px 0px 0px 10px;
		}
		div.yhteyslinkit a:hover{ background-image:url(../images/nuoli.gif); background-position:0px 12px; }

div.footer{
	text-align:center;
	width:100%;
	bottom:0px;
	height:122px;
	background-image:url(../images/bg_footer.png);
	background-repeat:repeat-x;
	background-position:center top;
	padding: 0 0 30px;
	}
	div.footerBG{
		padding:30px 0px 0px 0px;
		width:980px;
		margin:0px auto;
		background-image:url(../images/bg_footer_keski.png);
		background-repeat:no-repeat;
		background-position:center top;
		}