/**
* (c) Marko Kokkonen
* Suomen Pienyrittäjäin Mainostoimisto Oy
* http://www.spym.fi/
*/

/*-----------------------------------------------------------------------------
	JCE Editor reset
-----------------------------------------------------------------------------*/

body#tinymce, td.mceContentBody {background: #fff none; text-align: left; color:#000;}
.mceContentBody p, .mceContentBody strong, .mceContentBody em, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, 
.mceContentBody table, .mceContentBody table p, .mceContentBody table td {color:#000 !important;}
body#tinymce, .mceContentBody {border: 0 none;}

/*-----------------------------------------------------------------------------
	Main
-----------------------------------------------------------------------------*/

body { background:  url('../images/body-bg.jpg') repeat-x top left;}

div#main {
	position: relative;
	padding-bottom: 222px; /** sticky footer */
 }

div#footer {
	height: 222px; /** sticky footer */
	padding-top: 0px; 
	margin-top: -147px; /** sticky footer */
	text-align: left;
	background: #ddd url('../images/footer-bg.jpg') repeat-x bottom left;
 }

div#footer-inner{
	background: url('../images/footer-shadow.jpg') no-repeat top left;
} 

/*--------------------------------------------------------------------------------------------------------------------------------------------

	CSS3 Classes [ Current url for css3 pie: http://www.solartext.com/templates/solartext/css/PIE.htc ]
	
---------------------------------------------------------------------------------------------------------------------------------------------*/
 
.x-border-radius {
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(http://www.solartext.com/templates/solartext/css/PIE.htc);
 }

.x-box-shadow {
	-o-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px #888;
	-moz-box-shadow: 0 0 10px #888;
	box-shadow: 0 0 10px #888;
	behavior: url(http://www.solartext.com/templates/solartext/css/PIE.htc);
 }  

.x-linear-gradient {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(blue), to(white));
	background: -moz-linear-gradient(blue, white);
	background: linear-gradient(blue, white);
	-pie-background: linear-gradient(blue, white);
	behavior: url(http://www.solartext.com/templates/solartext/css/PIE.htc);
 } 


/*-----------------------------------------------------------------------------
	Custom Typography
-----------------------------------------------------------------------------*/

@font-face {
    font-family: 'TitilliumText14LRegular';
    src: url('../fonts/titillium/titilliumtext1-webfont.eot');
    src: url('../fonts/titillium/titilliumtext1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium/titilliumtext1-webfont.woff') format('woff'),
         url('../fonts/titillium/titilliumtext1-webfont.ttf') format('truetype'),
         url('../fonts/titillium/titilliumtext1-webfont.svg#TitilliumText14LRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TitilliumText14L600wt';
    src: url('../fonts/titillium-bold/titilliumtext600wt-webfont.eot');
    src: url('../fonts/titillium-bold/titilliumtext600wt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-bold/titilliumtext600wt-webfont.woff') format('woff'),
         url('../fonts/titillium-bold/titilliumtext600wt-webfont.ttf') format('truetype'),
         url('../fonts/titillium-bold/titilliumtext600wt-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, p, address, caption, th, td, li, dt, h1, h2, h3, h4, h5, h6
				{ font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-weight: normal; color: #2d2c2c; font-size:13px; line-height:150%;}

				
h1, h2, h3, h4, h5, h6 	{ font-family: 'TitilliumText14L600wt'; color: #2d2c2c; line-height: 120%; margin: 15px 0 10px;}
h1				{ font-size: 18px; }
h2 				{ font-size: 16px; }
h3				{ font-size: 14px;}
h4				{ font-size: 14px;}
h5				{ font-size: 12px;}
h6				{ font-size: 12px;}

.article-heading, .featured-heading, .category-heading, .archive-heading, .moduleheading {
	font-size: 18px;
	margin-top: 0;
	padding-top: 0;
 }

/* Featured view */

.featured-heading {
	font-size: 18px;
 } 

.featured-subheading {
	font-size: 16px;
 }  

/* Category view */

.category-heading {
	font-size: 18px;
 } 

.category-subheading {
	font-size: 16px;
 }  
				
p 				{ margin-bottom:1em;}

a, a:link		{ font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-weight: normal; color: #4a8c2e; text-decoration: none; }
a:visited		{ color: #6fae30; text-decoration: none; }
a:hover			{ color: #6fae30; text-decoration: none; }

blockquote p 	{ padding: 0 20px 0 30px; }
hr 				{ background: #CCC; height: 1px; }
img				{ margin: 0; }
p img			{ float: none; }
a img			{ border: none; }
a.button 		{ float: left; } /* Fix for buttons */
input 			{ padding: 4px 3px; border: 1px solid #CCCCCC; }
fieldset		{ border: 1px solid #666; }

fieldset.filters legend {
	padding: 0 2px;
 }

ul, ol 			{ margin: 0em 0em 1.5em; }
label			{ font-weight: normal; }
textarea		{ font-family: sans-serif; font-size: 12px; padding: 4px 3px; height: 80px; width: 160px;}

td				{vertical-align:top;}
thead th 		{ background-color: #9f9996; color: #fff; }
tbody tr:nth-child(2n) td,
tbody tr.even td 	{ background-color: transparent; } 
th, td, caption 	{padding: 0;}
 
.small			{ font-size: .9em; }
.nomargin		{ margin: 0; }
a.button, button 	{ font-weight: normal; }
.contentheading a { text-decoration: none; }					

.catblog a		{ padding:0 ; margin:0; line-height:0;}

.alignright 	{ float: right; }
.alignleft 		{ float: left; }

/* Action buttons */
span.actions		{ width: auto; float:right; margin: 0; padding: 0; text-align: right;}
span.print-icon		{ font-size: 11px;}
span.email-icon		{ font-size: 11px;}

/* Article metadata */
dl.article-info		{ width: auto; margin: inherit auto; padding-bottom: 10px; display: block; }
dl.article-info dd	{ width: auto; display: block; float: left; margin-left: 0; font-size: 11px;}

dl.article-info dd.create {margin-right: 3px;}
dl.article-info dd.create:after { content:"\00a0|\00a0"; }

a.bluebtn, .bluebtn, .readmore a {
	position: relative;
	padding: 7px 25px 7px 8px;
	color: #fff;
	text-align: left;
	background: url('../images/bluebtn-large-bg.jpg') no-repeat center right;
}

/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/

#header {
	height: 156px;
	background: transparent url('../images/header-bg.jpg') no-repeat top left;
}

div#header h1, div#header p {
	margin: 0px;
	padding: 0px;
 }

div#header div#logo a {
	width: 221;
	height: 87px;
	display: block;
 }

div#header div#logo a#en {
	
}


/*-----------------------------------------------------------------------------
	Navigation
-----------------------------------------------------------------------------*/

/* Common styles for navigation */

/* horizontal style for navigation */

.horizontal-nav ul.menu {
	width: auto;
	height: 30px;
	line-height: 30px;
	float: right;
	margin: 0px auto;
	padding: 0;	
	border: 0 none;	
	background: transparent;
}

.horizontal-nav ul.menu li {
	display: inline;
	float: left;
	width: auto;
	_width: 0px; 	/*For IE6*/
	height: 30px;
	line-height: 30px;
	margin: 0px 0px;
	padding: 0;
}

.horizontal-nav ul.menu li.first { margin-left: 0;}
.horizontal-nav ul.menu li.last  { margin-right: 0;}

.horizontal-nav ul.menu a, .horizontal-nav ul.menu a:link, .horizontal-nav ul.menu a:visited  {
	width: auto;
	_width: 0px; 	/*For IE6*/
	_white-space: nowrap; /*For IE6*/
	display: block;
	height: 30px;
	line-height: 30px;
	border: 0;
	margin: 0;
	padding: 0 10px;
	font-family: 'TitilliumText14L600wt';
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	background: transparent;
	text-shadow: -1px 2px 0px rgba(0, 0, 0, 0.17);
}

.horizontal-nav ul.menu a, .horizontal-nav ul.menu a:link, .horizontal-nav ul.menu a:visited  {
	color: #fff;
 }

.horizontal-nav ul.menu li a:hover, .horizontal-nav ul.menu li.active a {background:  #4a8c2e; color: #fff; text-decoration: none; }

/* end of horizontal style */

/* vertical style for navigation */

.vertical-nav ul.menu {
	width: auto;
	height: auto;
	float: none;
	margin: 0px auto;
	padding: 0;	
	border: 0 none;	
	background: transparent;
}

.vertical-nav ul.menu li {
	width: 100%;
	height: auto;
	display: block;
	float: none;
	margin: 5px 0;
	padding: 0;
}

.vertical-nav ul.menu li.first { margin-top: 0;}
.vertical-nav ul.menu li.last  { margin-bottom: 0;}

.vertical-nav ul.menu a, .vertical-nav ul.menu a:link {
	width: auto;
	display: block;
	height: 20px;
	line-height: 20px;
	border: 0;
	margin: 0;
	padding: 0 10px;
	font-weight: normal;
	text-align: left;
	background: grey;
}

.vertical-nav ul.menu a, .vertical-nav ul.menu a:link, .vertical-nav ul.menu a:visited { 
	color: white;
 }

.vertical-nav ul.menu li a:hover  { text-decoration:none;}

.vertical-nav ul.menu li.active a { color: #fff; text-decoration: none; }

/* end of vertical style */


/*-----------------------------------------------------------------------------
	Modules
-----------------------------------------------------------------------------*/

/* Language Switcher */

#lang-switcher-content {
	float: right;
	width: 170px;
	height: 27px;
	padding-left: 40px;
	background: #69b24a url('../images/lang-switcher-bg.jpg') no-repeat top left;
}

ul.lang-inline  {
	background: transparent url('../images/lang-inline-bg.jpg') no-repeat 40% 54%;
}

#lang-switcher a {
	font-size: 14px;
	font-family: 'TitilliumText14L600wt';
	color: #fff;
	line-height: 26px;
	text-shadow: -1px 2px 0px rgba(0, 0, 0, 0.17);
}

#lang-switcher li.lang-active a, #lang-switcher a:hover {
	text-decoration: underline;
}

div.mod-languages li {
	margin: 0;
	padding: 0 15px 0 0;
}

/* Hotline */

#hotline {
	margin: 32px 0 34px ;
}

#hotline p {
	font-size: 22px;
	color: #2d2c2c;
	text-align: right;
	font-family: 'TitilliumText14LRegular';
}

#hotline p span.blu { color: #0085d0;}

/* Slider */

#slider {
	position: relative;
}

#slider h2.moduleheading {
	display: block;
	position: absolute;
	width: 266px;
	height: 40px;
	line-height: 40px;
	padding-left: 18px;
	z-index: 999;
	color: #fff;
	font-size: 18px;
	font-family: 'TitilliumText14L600wt';
	text-shadow: -1px 2px 0px rgba(0, 0, 0, 0.17);
	background: #4a8c2e;
}

.fpss-template-uncut .navigation {
	margin-top: 40px;
}

#fpssContainer25, #fpssContainer55 {
	-o-box-shadow: 0 0 10px #bebebe;
	-webkit-box-shadow: 0 0 10px #bebebe;
	-moz-box-shadow: 0 0 10px #bebebe;
	box-shadow: 0 0 10px #bebebe;
	behavior: url(http://www.solartext.com/templates/solartext/css/PIE.htc);
}

.slides-wrapper{
	float: right !important;
}

#fpssContainer25.fpss-template-uncut .slides-wrapper, #fpssContainer25.fpss-template-uncut, #fpssContainer55.fpss-template-uncut .slides-wrapper, #fpssContainer55.fpss-template-uncut {
	background: #fff !important;
}

#fpssContainer25.fpss-template-uncut .navigation-wrapper, #fpssContainer55.fpss-template-uncut .navigation-wrapper {
	background: #61a537;
}

#fpssContainer25.fpss-template-uncut, #fpssContainer55.fpss-template-uncut {
	border: 0;
}

.navigation-tagline, .navigation-thumbnail {
	display: none;
	visibility: hidden;
}

.fpss-template-uncut .navigation li, .fpss-template-uncut .navigation li:hover {
	height: 66px;
	border: 0;
	background: url('../images/slider-navi-bg.jpg') no-repeat top left;
}

.fpss-template-uncut .navigation li.active {
	border: 0;
	background: url('../images/slider-navi-bg-active.jpg') no-repeat top left;
}

.fpss-template-uncut .navigation-background {
	background: url('../images/slider-navi-bg-active.jpg') no-repeat top left;
}

.fpss-template-uncut .fpssTimer {
	background: #0086d0;
}

.navigation-title {
	font-size: 16px;
	font-family: 'TitilliumText14L600wt';
	border: 0;
	text-shadow: -1px 2px 0px rgba(0, 0, 0, 0.17);
	display: block;
	background: ;
	padding: 24px 0 24px 15px;
	height: 66px;
}

.fpss-template-uncut .navigation li.navigation-button a {
	border: 0;
}

#fpssContainer25.fpss-template-uncut .slides-wrapper .slides .slide .slidetext, #fpssContainer55.fpss-template-uncut .slides-wrapper .slides .slide .slidetext  {
	width: 400px;
	left: 30px;
	top: 20px;
	background: transparent;
}

#fpssContainer25.fpss-template-uncut .slides-wrapper .slides .slide .slidetext h1, #fpssContainer55.fpss-template-uncut .slides-wrapper .slides .slide .slidetext h1 {
	display: none;
	visibility: hidden;
}

#fpssContainer25.fpss-template-uncut .slides-wrapper .slides .slide .slidetext p, #fpssContainer25.fpss-template-uncut .slides-wrapper .slides .slide .slidetext h1, #fpssContainer55.fpss-template-uncut .slides-wrapper .slides .slide .slidetext p, #fpssContainer55.fpss-template-uncut .slides-wrapper .slides .slide .slidetext h1 {
	font-size: 16px;
	font-family: 'TitilliumText14LRegular';
	color: #2d2c2c;
}

#fpssContainer25.fpss-template-uncut .slides-wrapper .slides .slide .slidetext p strong, #fpssContainer25.fpss-template-uncut .slides-wrapper .slides .slide .slidetext strong, #fpssContainer55.fpss-template-uncut .slides-wrapper .slides .slide .slidetext p strong, #fpssContainer55.fpss-template-uncut .slides-wrapper .slides .slide .slidetext strong {
	font-family: 'TitilliumText14L600wt';
}

/*-----------------------------------------------------------------------------
	Front blocks
-----------------------------------------------------------------------------*/

#front-blocks {margin-top: 10px;}

.block {
	border: 1px solid #d9d9d9;
	border-top: 5px solid #0086d0;
	width: 288px;
	padding: 20px 10px 10px;
	background: #fff;
	min-height: 198px;
	height: auto !important;
	height: 198px;
}

#front-blocks .subline {
	font-family: 'TitilliumText14LRegular';
}

#block-palvelut ul.menu a, #block-palvelut ul.menu a:link, #block-tarjous ul.menu a, #block-tarjous ul.menu a:link {
	font-size: 15px;
	font-family: 'TitilliumText14L600wt';
	height: 36px;
	line-height: 36px;
	background: url('../images/vertical-nav-both-bg.jpg') no-repeat top left;
}

#block-palvelut ul.menu a:hover, #block-tarjous ul.menu a:hover {
	text-decoration: none;
	background-position: bottom left;
}

#block-tarjous ul.menu a {
	background-position: bottom left !important;
}

#block-tarjous ul.menu a:hover {
	background-position: top left !important;
}

/*-----------------------------------------------------------------------------
	Content
-----------------------------------------------------------------------------*/ 

/* Palvelut sivu */

.palvelut .item {
	width: 200px;
	padding-right: 10px;
	float: left;
}

.palvelut .comlum-3 {
	padding-right: 0;
}

/* Referenssit */

.referenssit table td {
	vertical-align: middle !important;
	border-bottom: 1px solid #dddddd;
	padding: 20px 0;
}


.referenssit table td img {
	padding-right: 20px;
}

/* Tarjouspyyntö */

.tarjouspyynto .cf_alert {
	display: none;
	visibility:hidden;
}

/*-----------------------------------------------------------------------------
	Aside
-----------------------------------------------------------------------------*/ 

#aside .block {
	padding-bottom: 5px;
	min-height: 0;
	height: auto !important;
	height: auto;
}



/*-----------------------------------------------------------------------------
	News
-----------------------------------------------------------------------------*/ 

#news .newsflash-item {
	padding-bottom: 15px;
	border-bottom: 1px solid grey;
 }

span.date {
	color: grey;
 } 

 /*-----------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------*/ 

#footer h2 {
	font-size: 18px;
	padding: 0 0 10px;
	margin: 15px 0 5px;
	border-bottom: 1px solid #96d22e;
}

#footer p, #footer li {
	font-size: 12px;
}

#footer table td, #footer table td p {
	margin: 0; padding: 0;
}

#footer table td {
	padding-bottom: 1px;
}

#footer ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 12px;
} 

#footer ul li {
	padding-bottom: 1px;
}

#footer-yhteys p {
	margin-bottom: 5px;
}

#footer-copy {
	position: absolute;
	bottom: 3px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer-copy p { color: #fff; text-shadow: -1px 2px 0px rgba(0, 0, 0, 0.17);  margin: 0; padding: 5px 0 0 0;text-align: center; width: 100%; text-transform: uppercase; font-size: 11px;}

#footer-copy a {
	color: #fff;
	text-decoration: underline;
}

#footer-copy a:hover {
	text-decoration: none;
}

/*-----------------------------------------------------------------------------
	Contactform
-----------------------------------------------------------------------------*/


form#chronoform_otayhteytta .form-entity label {
	width: 100%;
	display: block;
	clear: both;
 }

 form#chronoform_tarjouspyyntolomake .form-entity label,  form#chronoform_tarjouspyyntolomake-en .form-entity label {
 	width: 100%;
	display: block;
	margin-bottom: 3px;
	clear: both;
 }

label {
	width: 100%;
	display: block;
	margin-bottom: 3px;
	clear: both;
}


.chronoform a { display:none; visibility: hidden; }


input, textarea, input[type="text"], input[type="password"], input[type="checkbox"], input[type="radio"], input[type="select"],input[type="textarea"] {
	margin: 0;
	padding: 0;
 }

input[type="text"],  input[type="password"] {
	text-indent: 5px;
 }

.form-entity input[type=checkbox], .form-entity input[type=radio] {
	vertical-align: middle;
	width: 20px;
	margin: 0 5px 0 0;
	padding: 0;
 }  

.form-entity input {
	height: 25px;
	line-height: 25px;
 }
 
.form-entity input, .form-entity textarea, .form-entity select {
	font-style: italic;
	color: #767676;
	background: #fff;
	width: 300px;
 }

 .form-entity select {
 	padding: 3px 0;
 	border: 1px solid #BBBBBB;
 	font-size: 13px;
 }

 .form-entity select option {
  	padding: 2px 0 2px 3px;
 }

.form-entity textarea {
	width: 288px; /* input - 12px */
	min-height: 80px;
	max-height: 120px;
	resize: vertical;
}

.form-entity input.reset, .form-entity input.button {
	width: 80px;
	height: 28px;
	padding: 0px 25px 0px 8px;
	color: #fff;
	text-align: left;
	font-style: normal;
	background: url('../images/bluebtn-large-bg.jpg') no-repeat center right;
}

.form-entity input.reset a:after, .form-entity input.button:after  {
     content:"\00a0\00bb";
}


/*-----------------------------------------------------------------------------
	Search Form
-----------------------------------------------------------------------------*/

ol.search_results h4 {
	margin: 10px 0 5px;
}

ol.search_results h4 a {
	text-decoration: none;
}

ol.search_results ul.meta {
	margin: 5px 0;
	padding: 0;	
	list-style: none;
}

ol.search_results ul.meta li.category {
	color: #b80000;
	font-weight: bold;
}

/*-----------------------------------------------------------------------------
	Pagination
-----------------------------------------------------------------------------*/

.pagination p.counter {font-size: 12px; margin-bottom: 5px;}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: left;
 }

.pagination li {
	list-style-type: none;
	display: inline;
	margin-right: 2px;
 }

.pagination li a, .pagination li span {
	padding: 5px 10px;
	color: #464646;
	font-size: 12px;
	border: 1px solid #cccccc;
 }

.pagination a:hover, .pagination a:active, .pagination li span  {
	text-decoration: none;
	color: #fff;
	background: #464646;
	border: 1px solid #cccccc;
 }

.pagination li.pagination-start span, .pagination li.pagination-prev span, .pagination .pagination-next span, .pagination .pagination-end span {
	font-weight: normal;
	color: #787777;
	background: #fff;
 }