/*
_______________________________
Desktop version layout - place your custom code here */

body {
background-image: url(../images/bg-yla.png);
background-repeat: repeat-x;
background-position: top center;
font-size:12px;
line-height:18px;
color:#000000;
background-color:#ffffff;
}
a, a:visited, a:focus {
	outline:none;
  color:#002562;
  text-decoration:none;
}
a:hover {
color:#003a99;
  text-decoration:underline;
}
img {
border:none;
margin:0px;
}
img.alignright {
float:right; 
margin-left:10px;
margin-bottom:6px;
}
img.alignleft {
float:left; 
margin-right:10px;
margin-bottom:6px;
}
div.keskialavalkea a:hover img, div.keski a:hover img {
  opacity:0.85;
  filter:alpha(opacity=85);
}
div.headerin, div.navi, div.navinrow, div.navincol {
overflow: visible ;
}
div.ylapalkki {
background-image: url(../images/ylakuva.png);
background-repeat: no-repeat;
background-position: top center;
height:198px;
}
div.logon {
 height:196px ;
}
img.logo {
width:296px;
height:71px;
padding-top:74px;
padding-bottom:33px;
position:relative;
top:-173px;
}
div.slogan {
max-height:198px;
overflow: visible ;
z-index:10;
}
div.slogan img{
min-height:198px;
min-width:240px;
}
div.navi {
border-bottom:2px solid #E8E8E8;
min-height:65px;
}

div.keski {
min-height:300px;
background-color:#f6f6f6;
}
div.keski>div>div {
padding-top:40px;
padding-bottom:50px;
}
div.keskioikea {
background-color:#f2f2f2;
padding-top:80px !important;
padding-bottom:50px;
}
div.keskialavalkea {
background-color:#ffffff;
}
div.keskialavalkea>div>div {
padding-top:70px;
padding-bottom:70px;
}
div.keskialavalkea div.last {
background-color:#f8f8f8;
height:238px;
}
div.footerin {
color:#ffffff;
background-color:#002663;
padding-top:33px;
padding-bottom:33px;
}
div.footerin>div {
text-align:center;
width:100%;
}
div.footerin a img {
margin:auto;
}
div.footerin a {
color:#ffffff;
}
div.footerinkeskisisa {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
div.sivumenu {
padding-left:40px;
padding-top:30px;
}
div.sivumenu ul, div.sivumenu ul li{
list-style: none;
padding:0px;
margin:0px;
}
div.sivumenu>ul>li>a {
padding-left:0px;
background-image: none;
display:none;
}
div.sivumenu a {
background-image: url(../images/bg-menu2.png);
background-repeat:no-repeat;
background-position: left center;
border-bottom:1px solid #dcdcdc;
padding-left:20px;
padding-top:7px;
padding-bottom:9px;
width:250px;
display:block;
font-size:12px;
}
div.sivumenu>ul>li>ul>li>ul>li a{
padding-left:30px;
width:240px;
background-image: none;
}
div.sivumenu li.current_page_item>a{
text-decoration:underline;
color:#003a99;
}

/* tekstityylit */
p {
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:18px;
font-size:12px;
line-height:18px;
}

div.footerin p {
padding-bottom:0px;
line-height:18px;
}
h1 {
font-family: myriad-pro-condensed, Arial, Helvetica ;
letter-spacing: 0.5px;
margin-top:0px;
padding-top:0px;
padding-bottom:2px;
margin-bottom:20px;
font-size: 34px;
line-height:38px;
font-weight: bold;
text-transform:uppercase;
border-bottom: 4px solid #002562;
color:#002562;
}
h2 {
font-family: myriad-pro-condensed, Arial, Helvetica ;
margin:0px;
padding:0px;
padding-bottom:2px;
margin-bottom:20px;
font-size: 20px;
line-height:24px;
font-weight: bold;
border-bottom: 4px solid #002562;
color:#002562;
}
h3 {
font-family: myriad-pro-condensed, Arial, Helvetica ;
margin:0px;
padding-top:10px;
padding-bottom:10px;
font-size: 17px;
line-height:21px;
font-weight: bold;
color:#002562;
}
li {
font-size:12px;
line-height:18px;
}



div#kuvakaruselli {
background-color:#ffffff;
height:173px;
position: relative;
top:23px;
left:115px;
overflow:hidden;
}
div.karusellin, div.karusellin p {
text-align:right;
width:100%;
}








/*
_______________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 767px) {

a:visited {
  color:#4545aa ;
}
a:focus {
outline: 1px dotted #787878;
}

div.headerin, div.logon {
overflow: hidden ;
}
img.logo {
position:inline;
top:0px;
}
div.ylapalkki {
background-position: 0px 0px;
}
#menu1static ul {
padding:0px;
margin:0px;
}
#menu1static ul li {
padding:0px;
margin:0px;
margin-left:15px;
}
#menu1static li.current_page_item>a {
	text-decoration: underline !important;
	color: #003a99 !important;
}
div.navi {
padding-top:10px;
padding-bottom:10px;
}
div.keski {
padding-bottom:30px;
}
div.keski>div>div, div.keskioikea  {
padding-top:0px !important;
padding-bottom:0px;
}
div.footerinkeskisisa {
margin-bottom:30px;
}
img.alignright {
float:none;
clear: both; 
margin-right:100%;
margin-left:0px;
}
img.alignleft {
float:none;
clear: both; 
margin-right:100%;
}

}

/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/

}


.footerin img {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}