/* YLEISET
-------------------------------------------------------------------------------------------------------- */

/* Yleiset */
body { background: #F7F4E3 url('../img/bg.jpg') repeat-x;}
#ylalohko { width: 916px; height: 31px; margin-left: 34px;}
#alalohko {	margin-bottom: 60px;}
#logo { float: left; }

/* Kielivalikko */
#minivalikko { text-align: center; float: right; display: block; margin: 0; padding: 2px 10px 4px; background: #2C0812;}
	#minivalikko li { display: inline; }

	#minivalikko li a { color: #947f84; font-family: arial; font-size: 9pt; text-decoration: none; border:none; font-variant: small-caps; }
	#minivalikko li a:hover,
	#minivalikko li a:focus { color: #F7F4E3; }

  

	
/* VASEN LOHKO
-------------------------------------------------------------------------------------------------------- */

/* Yleiset */
#vasenlohko {	width: 266px; margin-left: 34px; float: left; background: url("../img/bg-flash.jpg") no-repeat; }
#flash { 		margin: 8px; width: 266px; height: 275px;}

/* Osoite */
#osoite-ots {margin: 20px 0 0 !important; width: 240px;}
#osoite {	background: url('../img/viiva.jpg') no-repeat center bottom; padding-bottom: 60px; width: 240px;
			color: #2C0812; font-style: normal; font-family: arial; font-size: 10pt; line-height: 12pt; text-align: center;}

	#osoite a { color: #2C0812; border-bottom: 1px solid #7EC2E5; text-decoration: none;}
		#osoite a:hover,
		#osoite a:focus { color: #2C0812; border-bottom: 1px solid #2C0812;}


/* Aukioloajat */
#aukioloajat { padding: 0; width: 240px; }
	#aukioloajat li {	display: block; text-align: center; border: 0 !important; margin: 0 !important; padding: 0 0 2px !important;
						color: #2C0812; font-style: normal; font-family: arial; font-size: 11pt; line-height: 14pt; }

/* Muut */
#vasenlohko h3 {				width: 240px; font-family: Georgia, Times, serif; font-size: 14pt; color: #823c37; margin: 5px 0 3px; text-align: center;}

#vasenlohko ul {				display: block;}					
#vasenlohko ul li {				display: block; margin-bottom: 3px; text-align: center;
								border-bottom: 1px solid #D1CFB9; padding-bottom: 15px; margin-top: 15px }
#vasenlohko ul li.vimppa {		border: none;}

#vasenlohko ul li a {			color: #2C0812; border-bottom: 1px solid #7EC2E5; text-decoration: none; font-size: 12pt;}
#vasenlohko ul li a:hover,
#vasenlohko ul li a:focus { 	color: #2C0812; border-bottom: 1px solid #2C0812;}

#vasenlohko img  {				text-align: center;  display: block; margin: 15px auto; }






  
  
/* OIKEE LOHKO - YHTEISET
-------------------------------------------------------------------------------------------------------- */

/* Yleiset */
#oikeelohko { width: 650px; margin-left: 300px;}

/* Valikko */
#valikko { text-align: center; height: 51px; background: url("../img/bg-nav.jpg") no-repeat; }
	#valikko li {
		display: inline; padding: 0 15px; 
 		line-height: 51px; font-family: "Times new Roman", Times, Georgia, serif; font-size: 18pt; font-style: italic; font-weight: normal;}

	#valikko li a { color: #F7F4E3; text-decoration: none; border:none;}
	#valikko li a:hover,
	#valikko li a:focus { color: #FFF;  }
	

/* Taustat */

.koristeltu {	padding-top: 60px !important; background: url('../img/viiva2.jpg') no-repeat center top !important; }
.ruskeatausta { background: #F0E5CF;}



/* Otsikot */
#oikeelohko h1 {
		margin: 0; padding: 15px 20px 10px; text-align: left; background: #F0E5CF url('../img/bg-h1.jpg') repeat-x; 
		font-family: Georgia, Times, serif; font-style: italic; font-size: 16pt; color: #534741; font-weight: lighter; }

#oikeelohko h2 {
		margin: 0; padding: 15px 20px 7px; text-align: left;
		font-family: Georgia, Times, serif; font-size: 14pt; color: #823c37; }

#oikeelohko h3 	{
		margin: 0; padding: 15px 20px 7px; text-align: left;
		font-family: Georgia, Times, serif; font-size: 14pt; color: #823c37; }

#oikeelohko h4 	{
		margin: 0; padding: 15px 20px 7px; text-align: left;
		font-family: Georgia, Times, serif; font-size: 12pt; color: #823c37; }		


		
/* Tekstit */
p {		padding: 0 20px 15px; font-family: Helvetica, Arial, sans-serif; text-align: left;
		font-size: 10pt; color: #2C0812; font-weight: lighter; line-height: 12pt;}

p.ruskeatausta {color: #534741; font-family: Georgia, Times, serif; text-align: justify; }

strong {font-size: 120% !important; }

a { color: #534741; border-bottom: 1px solid #7EC2E5; text-decoration: none;}
a:hover,
a:focus { color: #2C0812; border-bottom: 1px solid #2C0812;}






a.basic {						color: #40A3A8; text-decoration: none; }
a.basic:hover,
a.basic:focus { 				color: #2C0812;}






ul.ruskeanavi { background: #F0E5CF; margin: 0 !important; padding: 10px 0 15px 20px !important; border-top: 1px solid #D6D4BD; }
ul.ruskeanavi li { display: inline; margin-right: 15px; line-height: 14pt; }
ul.ruskeanavi a {font-size: 12pt !important; border-bottom-width: 2px;}
ul.ruskeanavi a.aktiv {border-bottom-color: #534741 !important;}







/* ETUSIVU
-------------------------------------------------------------------------------------------------------- */			

/* Tiedote */
#tiedote {	margin: 0 !important; padding: 15px 0 5px 20px !important; border-top: 1px solid #D6D4BD; background: #F0E5CF;
			font-size: 10pt !important; font-family: Georgia, Times, serif;}



/* Suosittelemme */

.tuotelista { margin: 0 0 0 10px; display: block; font-family:Georgia,Times,serif; font-size:16px; font-style:italic; }

	.tuotelista li { display: block; float: left; text-align: center; margin: 0; height: 255px; width: 160px; }

 	.tuotelista span {display: block; border: 1px solid #D8D4BB; width: 140px; height: 210px;
 						background-position: top center; background-repeat: no-repeat; }
		.tuotelista a:hover span,
		.tuotelista a:focus span { border: 1px solid #333;}
 	
	.tuotelista a { color:#40A3A8; text-decoration: none; line-height: 110%; font-size: 85%; border: none !important;}
		.tuotelista a:hover,
		.tuotelista a:focus { color: #333; border: none !important;}
  	
  		.tuotelista a em { color: #BF1745; font-family: Arial; font-size: 100%; border: none !important;}


/* Palautekupla */
div#kupla { position: absolute; left: 50%; top: 200px; width: 200px; padding: 20px 0; z-index: 2; margin: 0 0 0 -100px; background: #F0E5CF; }
	div#kupla p {text-align: center; font: 13pt Verdana; color: #FFF; }




/* ETUSIVUN FOOTER
-------------------------------------------------------------------------------------------------------- */

#footer {	clear: both; width: 916px; 
			margin: 0 0 0 34px; padding-top: 20px; clear: both;}
			
			
	#footer #logot {
					border-bottom: 1px solid #d7d5bc; border-top: 1px solid #d7d5bc;
					padding: 15px 0 10px; margin-bottom: 15px; text-align: center;}
	#footer #logot a {border:none;}
	#footer #logot img {margin: 0 25px; border: none;}

	#footer .kolmannes { width: 33%; float: left; text-align: center;}
	#footer .kolmannes h3 { font-family: Georgia, Times, serif; font-size: 14pt; color: #823c37; margin: 10px 0 3px; text-align: center;}

	#footer h3 a { color: #823c37; text-decoration: none; border-bottom: 2px solid #7EC2E5;}
		#footer h3 a:hover,
		#footer h3 a:focus { border-bottom: 2px solid #823c37; }
	
		

	#footer input[type="submit"] { margin: 0 auto; }
	#footer input[type="text"] {	padding: 5px; background: #FFF; width: 190px;
									border: 1px solid #CCE0E1; color: #B8B8B8; font-family: Verdana; font-size: 10pt;}
		#footer input[type="text"]:focus { border: 1px solid #7EC2E5; color: #606060; }
	









/* PALVELUT
-------------------------------------------------------------------------------------------------------- */


ul.palvelut {
		padding: 0 30px 15px 30px;  margin-top: -10px;
		font-family: Helvetica, Arial, sans-serif; font-size: 10pt; color: #534741; font-weight: lighter; line-height: 12pt;}

ol.palvelut {
		padding: 0 0 15px 40px; list-style: decimal outside none; margin-top: -10px;
		font-family: Helvetica, Arial, sans-serif; font-size: 10pt; color: #534741; font-weight: lighter; line-height: 12pt;}

	.palvelut li {border-bottom: 1px solid #F0E5CF; padding-top: 2px;}
	.palvelut li.borderless {border-bottom: none !important;}
	.palvelut strong {font-size: 100% !important; display:inline; float: right;}
	.palvelut p,
	.palvelut ul {padding: 0 0 0 10px; font-size: 80%; color: #534741;}



.hinnasto {margin-top: 5px !important;}


/* YRITYS
-------------------------------------------------------------------------------------------------------- */
#kartta { margin: 0 20px 20px; display:block; border: 1px solid #D8D4BB;}

#linkit { color: #2C0812; padding: 0 20px; font-family: Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: lighter; line-height: 12pt;}

	#linkit dd { margin-bottom: 15px !important; display: block;}
	
	#linkit a {
		border-bottom: 1px solid #534741; font-family: Georgia, Times, serif;
		color:#40A3A8; font-size: 11pt; line-height: 20pt; font-weight:lighter; text-decoration: none; }
		#linkit a:hover,
		#linkit a:focus { color: #534741; }	






/* IN ENGLISH
-------------------------------------------------------------------------------------------------------- */
address#english {margin: 0 20px 20px; color: #2C0812; font-style: normal; font-family: arial; font-size: 10pt; line-height: 12pt; text-align: left;}

	address#english a { color: #2C0812; border-bottom: 1px solid #7EC2E5; text-decoration: none;}
		address#english a:hover,
		address#english a:focus { color: #2C0812; border-bottom: 1px solid #2C0812;}


.video {			color: #2C0812; font-family: arial; font-size: 11pt; line-height: 14pt; border:none; margin: 0; padding: 0; }