@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);
/*** Perus elementit ***/
body {
	background-color: #FBFAF9;
	background-image: url("../images/body-bg-left-one.png"), url("../images/body-bg-left-two.png"), url("../images/bg.jpg");
background-position: top left, top left, top center;
/*	background-position: top left, top left, top right;*/
	background-size: 754px 366px, 307px 366px, auto;
	background-repeat: no-repeat;
}
body.front {
/*	background: #FFFFFF url("../images/front-bg.jpg") top center no-repeat;*/
	background-color: #FFFFFF;
	background-image: url("../images/front-bg.jpg");
	background-position: top center;
/*	background-position: top left, top left, top right;*/
	background-size: auto;
	background-repeat: no-repeat;
}

body.front.logged-in {
	background-color: #FFFFFF;
	background-image: url("../images/front-bg-login.jpg");
	background-position: top center;
/*	background-position: top left, top left, top right;*/
	background-size: auto;
	background-repeat: no-repeat;
}

h1, h2 {
	color:#70b521;
	font-family: 'Source Sans Pro', sans-serif;
}
h3 {
	color:#444444;
	font-family: 'Source Sans Pro', sans-serif;
}
h1 {
	font-size: 34px;
	font-weight: 300;
}
h2, h3 {
	font-size: 20px;
	font-weight: 400;
	margin:0 0 -10px 0;
	line-height: 25px;
}
p, div {
	color:#333333;
	font-size:12px;
}
p {
	margin:20px 0;
	line-height:20px;
}
::selection {
	background: #B5D78D;
}
::-moz-selection {
	background: #B5D78D;
}
::-webkit-selection {
	background: #B5D78D;
}
a {
	color:#70B521;
}
#page-title + article {
	margin-top:-10px;
}
#headWrapper, #highlightWrapper, body.front #content {
	width:940px;
	margin: auto;
	padding:0 10px;
}
#content {
	width:890px;
	margin: auto;
	padding:0 35px 20px;
}
body #highlightWrapper {
	height:255px;
}
body.front #highlightWrapper {
	height:158px;
	padding:50px 0;
}
body.front.logged-in #highlightWrapper {
	height:222px;
	padding:50px 0;
}

body.logged-in #esNostoWrapper {
	margin-top:-65px !important;
}
#content img {
	border-radius:5px;
}
blockquote {
	float:right;
	font-family: 'Source Sans Pro', sans-serif;
	color:#222222;
	font-size:20px;
	width:380px;
	background: url("../images/bq.png") top left no-repeat;
	margin:0 0 10px 20px;
	padding:0 0 0 25px;
}
blockquote p {
	margin:0;
	color:#222222;
	line-height: 1.3em;
	font-size:20px;
	font-family: 'Source Sans Pro', sans-serif;
}
blockquote p:after {
	content:"\"";
	margin:0;
	color:#93C758; /*#70B521;*/
	line-height: 1.3em;
	font-size:20px;
	font-style:italic;
	font-family: 'Source Sans Pro', sans-serif;
}
blockquote footer{
	color:#70B521;	
	font-size:13px;
	margin:0;
	font-family: 'Source Sans Pro', sans-serif;
}
blockquote footer:before {
	content:"- ";
}
.bq {
	color:#95C25B;	
	font-size:25px;
	font-style:italic;
}
table, tr, td {
	border-color: #333333;
}
#content ul li {
	list-style-image: url("../images/ul.png");
	font-size: 12x;
}
#content ul.tabs li, #content ul.contextual-links li {
	list-style-image: none;
}
#content ol {
	color:#FFFFFF;
	margin:0;
	padding:0;
}
#content ol li {
	list-style:none;
	color:#333333;
	min-height:28px;
	font-size: 12px;
	padding-left:36px;
}
#content .olli {
	color:#FFFFFF;
	font-size: 12px;
/*	font-weight:bold;*/
	background: url("../images/ol.png") top left no-repeat;
	width:26px;
	height:28px;
	padding:5px 9px 7px 9px;
	margin-right:10px;
	margin-left:-36px;
}

#content .olli2 {
	color:#FFFFFF;
	font-size: 12px;
/*	font-weight:bold;*/
	background: url("../images/ol.png") top left no-repeat;
	width:26px;
	height:28px;
	padding:5px 5px 7px 5px;
	margin-right:10px;
	margin-left:-36px;
}
/*** Header ***/
#headerBg {
	width:100%;
	min-width:960px;
	height:110px;
	border-bottom:1px solid #E9E5D5;
	background-color: #fbfbf9;
	background-color: rgba(251,251,249,0.96);
}

#header {
	padding:30px 0 0 0;
}


/*** Navigoinnit ***/
#mainNavi {
	float:right;
}
nav {
	color:#70B521;
}
nav a {
	color:#70B521;
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
}
nav a.active-trail {
	text-decoration: underline;
}
nav a:hover, nav a.active {
	color:#666666;
	text-decoration: none;
}

nav ul.menu {
	margin:10px 0;
}
nav .menu li.leaf {
	list-style-type:none;
	list-style-image:none;
	display:inline;
	padding:0 10px;
	margin:0 0 0 -5px;
	height:18px;
	border-right: 1px solid #E9E5D5;
}
nav .menu li.last {
	border-right: 0px;
}

nav #block-menu-block-1 a {
	font-size:15px;
}
nav #block-menu-block-2 a {
	font-size:14px;
}

#toinenNaviWrapper {
	width:960px;
	height: 200px;
	background-color: #FFFFFF;
	background-color: rgba(251,250,249,0.98);
	
	border-radius: 5px;	
	margin:-100px auto -120px auto;
	box-shadow: 0 0 2px 0 #777
}
#alanavinalapala {
	z-index:999;
	width:964px;
	height: 123px;
	background: url("../images/alanavinalapala.png") top left no-repeat;
	
	background-image: -moz-linear-gradient(top, rgba(251,250,249,0) 0%, rgba(251,250,249,1) 100%);
	
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, rgba(251,250,249,0) 0%, rgba(251,250,249,1) 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, rgba(251,250,249,0) 0%, rgba(251,250,249,1) 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, rgba(251,250,249,0) 0%, rgba(251,250,249,1) 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(251,250,249,0)), color-stop(1, rgba(251,250,249,1)));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, rgba(251,250,249,0) 0%, rgba(251,250,249,1) 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, rgba(251,250,249,0) 0%, rgba(251,250,249,1) 100%);

	margin:5px auto -76px auto;
}

#toinenNaviWrapper ul.menu {
	padding: 30px 0 0 40px;
}

/*** Nostot ***/
.etusivunEsittelyTeksti {
	margin:0 0 3px 0;
	height:29px;
	width:460px;
	color:#FFFFFF;
	background-color: #529b15;
	background-color: rgba(82,155,21,0.85);
	padding:4px;
	font-size:28px;
}
#esNostoWrapper {
	width:100%;
	min-width:960px;
	background: /*url("../images/etusivunnosto-bg.jpg") 0 0 repeat-x*/#70B421;
	height:45px;
	margin-top:-1px;
}
body.front #esNostoWrapper {
	width:100%;
	background: /*url("../images/etusivunnosto-bg.jpg") 0 0 repeat-x*/#70B421;
	height:360px;
	margin-top:-1px;
}
#block-sharethis-sharethis-block {
	margin-top:30px;
}

#mini-panel-etusivun_kolmijako_nostot {
	width:940px;
	padding:40px 10px 30px 10px;
	margin:0px auto 0px auto;
}
#mini-panel-etusivun_kolmijako_nostot p {
	text-align: center;
	color:#FFFFFF;
	margin:0;
	font-size: 12px;
}
#mini-panel-etusivun_kolmijako_nostot h2 {
	text-align: center;
	color:#FFFFFF;
	margin:20px 0 15px 0;
	line-height:1em;
}
#mini-panel-etusivun_kolmijako_nostot .panel-panel {
	width:300px;
	height:290px;
	overflow: hidden;
	margin:0;
	padding:0 9px;
	position:relative;
}
#mini-panel-etusivun_kolmijako_nostot .panel-panel div, #mini-panel-etusivun_kolmijako_nostot .panel-panel article {
	height:100%;
}
#mini-panel-etusivun_kolmijako_nostot .panel-col-first {
	padding:0 8px 0 0;
	border-right: 3px groove #63ad1d;
	border-right: 3px groove rgba(99,173,29,0.3);
}
#mini-panel-etusivun_kolmijako_nostot .panel-col-last {
	padding:0 0 0 8px;
	border-left: 2px groove #63ad1d;
	border-left: 3px groove rgba(99,173,29,0.3);
}
#mini-panel-etusivun_kolmijako_nostot .panel-panel .pane-content {
	padding:0 10px;
}
#mini-panel-etusivun_kolmijako_nostot .panel-panel .pane-content a{
	color:#FFFFFF;
	text-decoration: none;	
}
.esNostoKuva {
	margin: 0 auto;
}
#mini-panel-etusivun_kolmijako_nostot .panel-panel div.esNostoLinkki {
	position:absolute;
	bottom:3px;
	background-color: /*#59A118*/#5CA219;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #72B622), color-stop(1, #5CA219));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #72B622 0%, #5CA219 100%);
	border-radius: 2px; 
	box-shadow: 0 2px 1px 0 #528617;
	width:250px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	margin: 0 10px;
	cursor:pointer;
}
#mini-panel-etusivun_kolmijako_nostot .panel-panel div.esNostoLinkki a {
	color:#ffffff;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	height:100%;
	width:100%;
}
#mini-panel-etusivun_kaksijako_nostot {
	margin:0;
	padding:45px 0;
}
#mini-panel-etusivun_kaksijako_nostot .inside {
	margin:0;
}

#mini-panel-etusivun_kaksijako_nostot .panel-col-first {
	margin-right:20px;
	width:460px;
}
#mini-panel-etusivun_kaksijako_nostot .panel-col-last {
	width:460px;
}
#mini-panel-etusivun_kaksijako_nostot .panel-col-last .inside {
	padding-left:15px;
}
#mini-panel-etusivun_kaksijako_nostot .panel-separator {
	margin-bottom:40px;
}
#mini-panel-etusivun_kaksijako_nostot h2 {
	margin:0 0 10px 0;
}
#mini-panel-etusivun_kaksijako_nostot p {
	margin:0;
	font-size: 13px;
}
.esAlaNostoLinkki{
	margin:15px 0 0 0;
}
.esAlaNostoLinkki a:after {
	content:" ›";
}
.esAlaNostoLinkki a{
	text-decoration: none;
	font-size: 13px;
}
.maatuvaLogo {
	margin-left:20px;
}
#block-panels-mini-etusivun-kaksijako-nostot {
	margin:0;
}

/*** Footer ***/
#footer {
	width:100%;
	min-width:960px;
	border-top:1px solid #E9E5D5;
	background-color: #F7FFF1;
	padding: 20px 0;
}
#footer .block {
	width:890px;
	padding:0 35px;
	margin: 0 auto;
}
#footer #block-block-2 h2 {
	margin:0 0 10px 0;	
}
#footer #block-block-2 p {
	width:435px;
	display:block;
	float:left;
	margin:0;
	font-size:13px;
}
#footer #block-block-2 p.mistaOnKyseEka {
	margin-right:20px;
}
#footer #block-block-2, #footer #block-block-4 {
	clear:both;
}

#footerYhteystiedot {
/*	padding:20px 0;*/
}
#footerYhteystiedot div, #footerYhteystiedot img {
	display:inline;
}
#footerYhteystiedot img {
	float:left;
}
#footerYhteystiedot div {
	float:right;
	font-size:12px;
}

/*** Lomakkeet ***/




/*** Annoslaskuri ***/
#annoslaskuri {
	position: relative;
	border-radius:5px;
	padding:30px 45px;
	background: #70B521;
	height:175px;
/*	width:890px;*/
	 	

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #70B521 60%, #63AA1B 60%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #70B521 60%, #63AA1B 60%);

/* Opera */ 
background-image: -o-linear-gradient(top, #70B521 60%, #63AA1B 60%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #70B521), color-stop(0.6, #63AA1B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #70B521 60%, #63AA1B 60%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #70B521 60%, #63AA1B 60%);
}
#laskuriWrapper, #laskuriVasen, #laskuriOikea {
	display:inline;
}
#laskuriVasen, #laskuriOikea {
	width: 370px;
	margin:0 30px 0 0;
	float:left;
}
#aikuista, #lasta {
	color:#FFFFFF;
	font-size: 20px;
	
}
#slider-aikuista, #slider-lasta {
	margin:30px 0;
/*	border:1px solid #4D9410;*/
}
#laskuriWrapper span {
	font-weight:bold;
}

.ui-slider-handle {
	background: url("../images/slider-ball.png") 0 0 no-repeat;
	width:34px;
	height:34px;
}

#laskuriTxt {
	clear:both;
/*	margin-top:30px;*/
	font-size:16px;
/*	color:#A1CC76;*/
	color:#FFFFFF;
	position:absolute;
	left:45px;
	top:180px;
}

#content #annoskoot #annosLaskuriTaulukko .tuoteOtsikko {
	color:#70b521;
/*	font-family: 'Source Sans Pro', sans-serif;*/
	font-size:20px;
	margin-bottom:10px;
}

#content #annoskoot #annosLaskuriTaulukko .yksiAnnos {
	color:#5A5957;
	font-size:13px;
}

#content #annoskoot #annosLaskuriTaulukko .tuoteMaara {
	color:#70b521;
/*	font-family: 'Source Sans Pro', sans-serif;*/
	font-size:38px;
	text-align: right;
	vertical-align: middle;
}

#content #annoskoot #annosLaskuriTaulukko td {
	border-color: #E3dE2E0;
	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 25px 20px;
}

#content #annoskoot #annosLaskuriTaulukko {
	border-color: #E3E2E0;
	border-style: solid;
	border-width: 1px 0 0 0;
	margin-top: 40px;
}

#content #annoskoot #annosLaskuriTaulukko .tuoteKuva {
	width:0px;
	padding:0;
}


/*** Google Custom Search ***/
.section-reseptihaku #content #haku {
	margin-top:30px;
}

.section-reseptihaku #content .gsc-control-wrapper-cse table.gsc-search-box {
	padding:30px !important;
	background-color: #70B521 !important;
	background-image: none !important;
	border-radius:5px !important;
	margin:0 !important;
}

.section-reseptihaku #content .gsc-input {
	background-image: none !important;
}

.section-reseptihaku #content .gsc-clear-button {
	display:none;
}
.section-reseptihaku #content .gsc-control-cse, .gsc-search-box {
	margin:0 !important;
	padding:0 !important;
	background: transparent !important;
	border:0px !important;
	border-collapse: separate !important;
}
.section-reseptihaku #content table.gsc-search-box td {
	height:44px;
}
.section-reseptihaku #content input.gsc-search-button {
	height:44px !important;
	width:158px;
	background-color: #5CA219;
	background-image: -ms-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	background-image: -moz-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	background-image: -o-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #72B622), color-stop(1, #5CA219));
	
	background-image: -webkit-linear-gradient(top, #72B622 0%, #5CA219 100%);
	
	background-image: linear-gradient(to bottom, #72B622 0%, #5CA219 100%);
	
	border-radius: 3px; 
	box-shadow: 0 2px 1px 0 #528617;
	text-align:center;
	vertical-align:middle;
	border: 0px !important;
	font-size:18px !important;
	font-family: 'Source Sans Pro', sans-serif;
}
.section-reseptihaku #content #gsc-i-id1 {
	height:44px;
	border-radius: 3px; 
	font-family: 'Source Sans Pro', sans-serif;
}
.section-reseptihaku #content .gsc-above-wrapper-area table {
	margin:0 !important;
}
.section-reseptihaku #content .gsc-table-result img {
	border-radius:0px !important;
	border:1px solid #BBBBBB;
}

.section-reseptihaku #content .gsc-webResult.gsc-result, .section-reseptihaku #content .gsc-results .gsc-imageResult  {
	background-color:transparent !important;
	background:none !important;
	border-color:none !important;
	border:0px !important;
}
.section-reseptihaku #content .gsc-webResult a, .section-reseptihaku #content a.gs-title, .section-reseptihaku #content a.gs-title b, .section-reseptihaku #content .gs-visibleUrl  {
	color:#70B521 !important;
}

.section-reseptihaku #content table td, #content .gsc-search-box table th {
	border-bottom-width: 0;
}

#footer-logot {
	width:100%;
}
#block-block-3 img {
	margin-right:22px;
}
#block-block-3 img.last {
	margin-right:0;
}
#block-block-3 h2 {
	margin-bottom:20px;
}
#footer #block-block-3 {
	margin:40px auto;
}
.clearer {
	clear: both;
	height:0;
	margin:0;
	padding:0;
}
body #content {
	margin-top:-130px;
}
body.front #content {
	margin-top:0;
}

#content table{
	width:100%;
}
#content table th {
	color: #FFFFFF;
	background-color: #70B421;
	font-weight:normal;
}
#content table, #content table tr, #content table td, #content table th {
	border-color: #E3E2E0;
	border-width: 0;
	border-style: solid;
}

#content table td, #content table th {
	border-bottom-width: 1px;
	padding:10px 15px;
}

.kavennettu-teksti {
	max-width: 480px;
}
#sailytysaikoja {
	margin-top:-50px;
}
#block-panels-mini-etusivun-kolmijako-nostot a {
	color:#FFFFFF;
	text-decoration: none;
}