/* 
salekaihtimetnet.css
Toteutus: www.sivuja.com
Navigointi: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support
*/
* { margin: 0px; padding: 0px; }
body {
font-family: Arial,Helvetica,sans-serif;
font-size: 0.8em;
color: #313131;
letter-spacing: 0.08em;
}
img { border: 0px; }
p { padding-bottom: 10px; }
h1, .h1otsikko {
font-size: 30px;
color: #3f3f3f;
font-style: italic;
letter-spacing: 0.06em;
font-family: "Times New Roman", times, serif;
padding-bottom: 10px;
margin-left: -10px;
}
.h1palvelualueet {
text-decoration: uppercase;
font-size: 25px;
font-style: normal;
}

h2, .h2otsikko {
font-size: 20px;
color: #3f3f3f;
font-style: italic;
letter-spacing: 0.06em;
font-family: "Times New Roman", times, serif;
padding-bottom: 7px;
margin-left: -10px;
}
.h2palvelualueet {
text-decoration: uppercase;
font-size: 18px;
font-style: normal;
}

h3, .h3otsikko {
font-size: 15px;
color: #3f3f3f;
font-style: italic;
letter-spacing: 0.06em;
font-family: "Times New Roman", times, serif;
padding-bottom: 10px;

}

#main {
margin: 0px auto;
width: 1200px;
background: #fff;
clear:left;
}
#header {
margin: 0px auto;
background: #885841;
width: 1200px;
height: 286px;
}
#logoframe {
position: relative;
top: 10px;
clear:both;

width:900px;
margin: 0px auto;
}

#logo-left {
/*position: relative;
top: 35px;
left: 5px;
float:left;*/

width: 400px;
float:left;

}
#logo-left h3, #logo h3 {
padding: 0px;
margin: 0px;

}
#logo-left a.logoteksti {
color: #fff;
font-size: 28px;
font-family: Arial, sans-serif;
letter-spacing: 0.15em;
text-decoration: none;
font-weight: normal;
font-style: normal
}
#logo-left a.logoteksti:hover {
color: #E5E5E5;
}

#logo {
/*position: relative;
top: 35px;
right: 5px;
width: 350px;
float: right;*/

width: 400px;
float:right;
text-align:right;

}
#logo a.logoteksti {
color: #fff;
font-size: 22px;
font-family: Arial, sans-serif;
letter-spacing: 0.25em;
text-decoration: none;
font-weight: normal;
font-style: normal
}
#logo a.logoteksti:hover {
color: #E5E5E5;
font-style: italic;
}

#mainpic {
position: relative;
top: 12px; /* Wanha 78px */
left: 150px;
margin: 0px auto;
clear: both;
}
#osiokaihtimet {
position: relative;
margin: 0px auto;
width: 1200px;
top: 4px;
}
.puhelin { clear:left; float:right; padding: 25px 25px 0 0; }
#content {
margin: 0px auto;
width: 900px;
background: #fff;
padding-top: 10px;
}
#contentleft {
float: left;
padding: 0px 10px 0px 0px;
width: 270px;
}
#contentright {
width: 340px;
float: right;
padding: 0px 0px 0px 10px;
}
#contentcenter {
width: 270px;
margin-left: 280px;
margin-right: 340px;
text-align: center;
padding-top: 10px;
}


#contentleftwide {
float: left;
padding: 0px 10px 0px 0px;
width: 270px;

}
#contentleftwide ul { list-style-type: none; }

#contentrightwide {
width: 290px;
float: right;
padding: 0px 0px 0px 10px;
}
#contentcenterwide {
width: 310px;
margin-left: 270px;
margin-right: 310px;
text-align: center;
}

#footer {
margin: 0px auto;
width: 900px;
background: #fff;
border-top: 15px solid #737173;
text-align: center;
}
#footertop {
margin: 0px auto;
width: 900px;
background: #fff;
border-top: 5px solid #52869C;
text-align: center;
padding: 10px 0px;
margin-top: 25px;
clear: both;
}
.footeryhteystiedot {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.03em;
color: #4C4C4C;
padding-bottom: 20px;
}
.footertxt, a.footertxt {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.05em;
color: #757575;
text-transform: uppercase;
padding-bottom: 5px;
}
a.footertxt { color: #7575ec; }
a.footertxt:hover { color: #0000FF; }
.osiopalvelut { padding: 0px 15px; }

#contentleft ul {
list-style:none;
padding: 20px 0 0 0px;
}
#contentleft li {
margin-bottom: 1.2em;
}
#contentleft a:link, #contentleft a:visited {
background: url(/assets/templates/salekaihtimet/images/alanavilista2.jpg) no-repeat 0 50% transparent;
color: #000;
padding-left: 75px;
text-decoration: none;
font-size: 14px;
font-family: arial, "lucida console", sans-serif;
letter-spacing: 0.04em;
}
#contentleft a:hover, #contentleft a:active {
background: url(/assets/templates/salekaihtimet/images/alanavilista.jpg) no-repeat 0 50% transparent;
color: #000;
padding-left: 75px;
}

/* JA SAMA KOPIOITUNA */
#contentleft2 ul {
list-style:none;
padding: 20px 0 0 0px;
}
#contentleft2 li {
margin-bottom: 1.2em;
}
#contentleft2 a:link, #contentleft2 a:visited {
background: url(/assets/templates/salekaihtimet/images/alanavilista2.jpg) no-repeat 0 50% transparent;
color: #000;
padding-left: 75px;
text-decoration: none;
font-size: 14px;
font-family: arial, "lucida console", sans-serif;
letter-spacing: 0.04em;
}
#contentleft2 a:hover, #contentleft2 a:active {
background: url(/assets/templates/salekaihtimet/images/alanavilista.jpg) no-repeat 0 50% transparent;
color: #000;
padding-left: 75px;
}

#contentleft3 ul {
list-style:square;
padding: 20px 0 0 0px;
}
#contentleft3 li {
margin-bottom: 1.0em;
}
#contentleft3 a:link, #contentleft3 a:visited {
background: none;
color: #000;
padding-left: 0px;
text-decoration: none;
font-size: 12px;
font-family: arial, "lucida console", sans-serif;
letter-spacing: 0.04em;
}
#contentleft3 a:hover, #contentleft3 a:active {
background: none;
color: #050505;
padding-left: 0px;
}



#palvelualueet-navigointi ul {
list-style:none;
padding: 0px 0px 10px 0px;
}
#palvelualueet-navigointi li {
margin-bottom: 1px;
}
#palvelualueet-navigointi a:link, #palvelualueet-navigointi a:visited {
background: url(/assets/templates/salekaihtimet/palvelualueet/alue-navilista2.jpg) no-repeat 0 50% transparent;
color: #0056b6;
padding-left: 75px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-family: arial, "lucida console", sans-serif;
letter-spacing: 0.08em;
font-weight: bold;
}
#palvelualueet-navigointi a:hover, #palvelualueet-navigointi a:active {
background: url(/assets/templates/salekaihtimet/palvelualueet/alue-navilista.jpg) no-repeat 0 50% transparent;
color: #0084BF;
padding-left: 75px;
}

#palvelualueet li {
padding: 0px 0px 6px 0px;
margin: 0px;
font-size: 10px;
font-family: verdana, arial, times;
}




#navigointi {
   margin: 0px auto;
   float:left;
   width:100%;
   background: #D6D7D6; /*#D6D7D6 wanha */
   border-bottom:0px solid #D6D7D6;
   border-top:4px solid #D6D7D6;
   overflow:hidden;
   position:relative;
   top: 29px; /* Wanha 64 */
   

}
#navigointi ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#navigointi ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#navigointi ul li a {
   display:block;
   margin:0 0 0 5px;
   padding:6px 15px;
   background:#7B0C10;
   
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color:#fff;
   text-decoration:none;
   line-height:1.3em;
   letter-spacing: 0.03em;
   font-size: 12px;
   text-transform: uppercase;
   font-weight: bold;
}
#navigointi ul li a:hover {
   background:#369;
   color:#fff;
}
#navigointi ul li a.active,
#navigointi ul li a.active:hover {
   color:#fff;
   background:#395D8C;
   font-weight:bold;
}
#navigointi ul li a.navetusivu { background:#6B2C29; }
#navigointi ul li a.navetusivu:hover { background:#7F7F7F; }
#navigointi ul li a.navyritys  { background:#42344A; }
#navigointi ul li a.navyritys:hover { background:#7F7F7F; }
#navigointi ul li a.navtuotteet  { background:#9C6D52; }
#navigointi ul li a.navtuotteet:hover { background:#7F7F7F; }
#navigointi ul li a.navpalvelut  { background:#395D8C; }
#navigointi ul li a.navpalvelut:hover { background:#7F7F7F; }
#navigointi ul li a.navreferenssit  { background:#5A7142; }
#navigointi ul li a.navreferenssit:hover { background:#7F7F7F; }
#navigointi ul li a.navyhteydet  { background:#5A829C; }
#navigointi ul li a.navyhteydet:hover { background:#7F7F7F; }
#navigointi ul li a.navpalvelualueet  { background:#082727; }
#navigointi ul li a.navpalvelualueet:hover { background:#7F7F7F; }



#keskitetty { width: 600px; margin: 0px auto; }


/* LOMAKKEEN TYYLIT FORM */
label{
float: left;
width: 150px;
font-weight: bold;
font-size: 0.9em;
}

input, textarea{
width: 300px;
margin-bottom: 5px;
padding: 1px;
}
input, select { clear: right; }

input:hover, select:hover, textarea:hover { background: #f5f5f5; }

textarea{
width: 300px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 150px;
margin-top: 20px;
width: 180px;
}

fieldset { 
border: 1px solid #efefef;
padding: 10px;
margin-bottom: 10px;
 }
legend {
font-weight: bold;
letter-spacing: 0.1em;
text-transform: uppercase;
padding-bottom: 5px;
color: #00547b;
}

/* TUOTTEET - LISÄTIEDOT */
.more {
	display: none;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
	text-decoration: none;
	color: #36f;
	padding-left: 8px;
	background: transparent url('down.gif') no-repeat left; }
a.hideLink {
	background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dotted #36f; }
/* TUOTTEET - LISÄTIEDOT */




/* NAVIGOINTI 23.8.2010 */

ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

.dropdown-upward {
 margin-top: 400px !important;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #f6f6f6;
	 color: #fff;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #7F7F7F;
	 color: #fff;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration: none; }
	ul.dropdown a:hover		{ color: #fff; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 170px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}

ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(/assets/templates/salekaihtimet/images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(/assets/templates/salekaihtimet/images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(/assets/templates/salekaihtimet/images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(/assets/templates/salekaihtimet/images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(/assets/templates/salekaihtimet/images/nav-arrow-left.png);
 background-position: 0 50%;
}




ul.dropdown li.navetusivu { background:#6B2C29; }
ul.dropdown li.navetusivu:hover { background:#7F7F7F; }
ul.dropdown li.navyritys  { background:#42344A; }
ul.dropdown li.navyritys:hover { background:#7F7F7F; }
ul.dropdown li.navtuotteet  { background:#9C6D52; }
ul.dropdown li.navtuotteet:hover { background:#7F7F7F; }
ul.dropdown li.navpalvelut  { background:#395D8C; }
ul.dropdown li.navpalvelut:hover { background:#7F7F7F; }
ul.dropdown li.navreferenssit  { background:#5A7142; }
ul.dropdown li.navreferenssit:hover { background:#7F7F7F; }
ul.dropdown li.navyhteydet  { background:#5A829C; }
ul.dropdown li.navyhteydet:hover { background:#7F7F7F; }
ul.dropdown li.navpalvelualueet  { background:#082727; }
ul.dropdown li.navpalvelualueet:hover { background:#7F7F7F; }