body { background: #e4e0ea; font-family: Arial; font-size: 12px; }
a { color: #1C388E; }
div.top-ad { width: 980px; margin: 5px auto; }
div.container { width: 980px; margin: 5px auto; background: #fff; border-right: 1px solid #ebebeb; }
div.top { height: 22px; line-height: 22px; color: #fff; background: #3b5086 url(/img/top_bg.gif); font-family: "Geneva","Trebuchet MS",sans-serif,Verdana; font-size: 10px; padding-left: 10px; }
div.header { height: 132px; background: #4975ae url(/img/header.jpg) top right; }
div.header img.pumppu { position: relative; z-index: 15; top: -13px; margin-left: 10px; }
div.header div.sub { float: right; width: 81%; height: 100%; }
div.header img.logo { margin-top: 10px; margin-left: -30px; }
div.header form.haku { float: right; font-size: 12px; margin: 10px 15px 5px; }
div.header form.haku input { background: #fff; border: 0; padding: 8px; color: #999; }
div.header div.yhteistyo { float: right; position: relative; top: -35px; }
div.header div.yhteistyo img { margin-right: 8px; border: 0; }
div.navi { height: 32px; line-height: 32px; background: #3d5186 url(/img/navi_bg.gif); font-family: 'Arial Black', Arial; font-size: 13px; border-left: 1px solid #c3c1c6; }
div.navi ul { list-style-type: none; margin: 0 50px 0 200px; padding: 0; }
div.navi ul li { float: left; margin-right: 20px; }
div.navi ul li.right { float: right !important; margin-right: 0 !important; margin-left: 20px; }
div.navi a { color: #fff; text-decoration: none; }

div.leftCol,
div.rightCol { width: 182px; padding: 0 4px 5px 4px; }
div.centerCol { margin: 0 auto; padding: 5px; float: left; width: 608px; text-align: center; }
div.leftCol { float: left; background: #344676 url(/img/left_col_top.gif) top left repeat-x; border-right: 1px solid #c3c1c6; border-left: 1px solid #c3c1c6; padding-top: 70px; font-size: 12px; }
div.rightCol { float: right; clear: right; padding-right: 0; padding-left: 0; width: 170px; }
div.centerCol, div.rightCol { padding-top: 15px; background: #fff url(/img/varjo.gif) top left repeat-x; }

div.leftCol ul { list-style-type: none; margin: 0; padding: 0; }
div.leftCol ul li { margin: 0; padding: 0; height: 22px; line-height: 22px; background: #446bb5 url(/img/li_bg.gif) top left; }
div.leftCol ul li.green { background: #3e65b1 url(/img/li_green.gif) top left repeat-x; margin-bottom: 1px; }
div.leftCol ul li.red { background: #3e65b1 url(/img/li_red.gif) top left repeat-x; margin-bottom: 1px; }
div.leftCol ul li a { color: #fff; text-decoration: none; font-family: Arial,'Arial Black'; font-weight: bold; font-size: 11px; margin: 0 8px; }
div.leftCol ul li li a { color: #fff !important;  }
div.leftCol ul li.header { height: 18px; line-height: 18px; background: #3e5287 url(/img/ul_header.gif) top left; font-family: "Geneva","Trebuchet MS",sans-serif,Verdana; color: #fff; font-size: 11px; font-weight: bold; }
div.leftCol ul li.header img { position: relative; top: 2px; height: 12px; margin-right: 5px; }
div.leftCol ul li.white { background: #fff; height: auto; padding: 15px; line-height: 12px !important; }
div.leftCol ul li.white a { color: #32457B; font-weight: normal; font-family: Arial; margin: 0;}
div.leftCol ul li.margin-10 { margin-bottom: 10px; }
div.leftCol ul li li { padding-left: 5px; padding-right: 5px; }

.Box { border: 1px solid #32457B; padding-bottom: 3px; text-align: left; }
.Box * { margin: 0 auto; }
.Box div:first-child h3 { height: 18px; line-height: 18px; background: #3e5287 url(/img/ul_header.gif) top left; font-family: "Geneva","Trebuchet MS",sans-serif,Verdana; color: #fff; font-size: 11px; font-weight: bold; margin: 0 0 3px 0; }
.Box div:first-child img { position: relative; top: 2px; margin-right: 5px; float: left; }
.Box div:first-child h3 a { color: #fff; text-decoration: none; }
.Box p, .Box h4 { margin: 10px; }

tr.bg1 td { background: #E4E0EA; }
tr.bg2 td { background: #F5F5F5; }

ul#Katsotuimmat { list-style-type: none; margin: 0; padding: 0; background: #e4e0ea; width: 185px; height: 300px; float: left; text-align: left; }
ul#Katsotuimmat li { margin: 0; padding: 0; height: 22px; line-height: 22px; background: #446bb5 url(/img/li_bg.gif) top left; }
ul#Katsotuimmat li a { color: #fff; text-decoration: none; font-family: 'Arial Black',Arial; font-size: 11px; margin: 0 8px; }

#Mainos { width: 336px; padding: 10px; float: right; background: transparent; }
#Mainos div.empty { width: 336px; height: 280px; }

div#InfoTeksti {
	width: 550px;
	margin: auto;
	font-size : 12px;
	text-align: left;
}
div#InfoTeksti img { float: right; border: none; }


div#IlmoitaHinnat, div#IlmoitaHinnatBottom { background: #3e65b1; width: 550px; margin: 10px auto; padding: 5px; display: none; }
span#Ilmoita, span#IlmoitaBottom { font-weight: bold; color: #fff; }
div#IlmoitaHinnat input, div#IlmoitaHinnatBottom input { float: right; margin-bottom: 5px; }

form#Kirjaudu { font-size: 10px; margin: 0 auto; width: 550px; }
form#Kirjaudu p { margin: 0; padding: 0; }
form#Kirjaudu input { width: 100px; }
form#Kirjaudu input.Submit { width: auto; margin-left: 5px; }
form#Kirjaudu span.Pysy input { width: auto; }

div.footer { font-size: 10px; text-align: center; }
div.footer p { background: #F5F5F5; color: #999; }
div.footer p span { margin: 0 15px; }
div.footer a { color: #999; text-decoration: none; }
div.footer .copyright { color: #ccc; }

table { padding: 0; margin: 0; }

b { font-weight: bold; }

.clr {
	display: inline;
	clear: both;
	height: 1%;
	line-height: 1%;
	background: none ! important;
	border: 0 ! important;
	overflow: hidden;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

.hr { background: #C3C1C5; height: 1px;  margin: 0; padding: 0;}
.Red { color: red; }

div#Monitor {
	clear: both;
	background-color: #446bb5;
	border: 1px solid gray;
	margin: 5px 0;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
div#Monitor .Error { color: red; }
div#Monitor a { color: #fff ! important; text-decoration: underline; }

div#Search form { margin:0; padding:0; width: auto; float: right; }

div#Search input#Hae,
div#Search img#SearchL,
div#Search input#s { float: left; margin-top: 3px;}

div#Search img#SearchL {
	width: 12px;
	height: 22px;
	border: none;
}
div#Search input#s {
	width: 175px;
	height: 19px;
	padding-top: 2px;
	border: none;
	background-color: #CFCED1;
}
div#Search input#Hae {
	border: none;
	padding: 0;
	width: 34px;
	height: 22px;
}

div#SearchTulokset { width: 570px; margin: auto; }

div#SearchTulokset div {
	border: 1px solid #8D9BC6;
	background-color: #F5F5F5;
	clear: left;
	margin:0;
	padding:0;
}
div#SearchTulokset div#Tulos {
	margin-bottom: 10px;
	font-size: 12px;
}
div#SearchTulokset div.bg { background-color: #E6EBF3; }
div#SearchTulokset div p {
	float: left;
	text-align: left;
	width: 339px;
	border: none;
	border-left: 1px solid #8D9BC6;
	font-size: 12px;
	color: #000;
	margin:0;
	padding:0;
}

div#SearchTulokset div p.kaupunki {
	width: 135px;
	border: none;
}

div#SearchTulokset div p.Ilmoita {
	width: 88px;
}

td.teksti_vasen {
	color : black;
	font-size : 11px;
	font-weight : normal;
	text-decoration : none;
	background-image: url('/images/vasen_varjo.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
}

td.media_teksti a,
td.media_teksti a:link,
td.media_teksti a:visited,
td.media_teksti a:active {
	font-family : "Geneva", "Trebuchet MS", sans-serif, Verdana;
	color : white;
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
}
td.media_teksti a:hover { text-decoration : underline; }

div#Navi a:hover { color : white !important; }

div#Hinnat { margin-bottom: 30px ! important; }
div#Hinnat h2 {
	text-align: center;
	color : #31447a;
	font-size : 20px;
	margin: 0 0 10px 0;
}
div#Hinnat form#NaytaLaadut {
	width: 250px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
div#Hinnat form#NaytaLaadut p {
	margin: 0;
	padding: 0;
	clear: left;
	font-size: 12px;
}
div#Hinnat form#NaytaLaadut p input { vertical-align: middle; font-size: 12px;}

div#Hinnat table {
	margin: 0 auto;
	border: 1px solid #32457B ! important;
}
div#Hinnat table#Halvin_Kallein { width: 550px; margin-top: 10px; }

div#Hinnat table td {
	text-align: left;
	font-size: 11px;
	color: #000;
	border: 1px solid #32457B;
	margin: 1px;
	padding: 1px 2px;
}
div#Hinnat table thead {
	font-size: 12px;
	height: 26px;
	font-weight: bold;
	background-color: #E4E0EA;
}
div#Hinnat table thead a { text-decoration: none; }
div#Hinnat table thead a:hover { text-decoration: underline; }
div#Hinnat table thead td.Sort {
	background-image: url('/images/sortBg.jpg');
	background-repeat: repeat-x;
	background-position: bottom left;
}
div#Hinnat table thead td.Sort img { border: none; margin: 0 auto; padding: 0; width: 11px; height: 6px; }
div#Hinnat table thead.Halvin_Kallein tr { background-color: #F5F5F5; height: auto;}
/*
div#Hinnat table tr.bg1 { background-color: #E4E0EA; }
div#Hinnat table tr.bg2 { background-color: #F5F5F5; }
*/
div#Hinnat table td.Asema { text-align: left; }
div#Hinnat table td.Hinnat { text-align: center; width: 40px; }
div#Hinnat table td.PvmTd { text-align: center; width: 35px; }
div#Hinnat table td.Pvm { color: blue; font-size: 12px; }
div#Hinnat table td.Kallis { color: red; font-weight: bold; }
div#Hinnat table td.Halpa { color: green; font-weight: bold; }

div#Hinnat table td.Keskihinnat, div#Hinnat table td.Halvin_Kallein { font-weight: bold; }
div#Hinnat table td span.E99 { color: red; }
div#Hinnat table td span.Ale { color: orange; font-weight: normal; }
div#Hinnat table td.Spacer {  }


div#Hinnat table td a { color: #1C388E; text-decoration: none; }
div#Hinnat table td input { width: 35px; height: 14px; }
div#Hinnat table td img { vertical-align: middle; border: none; cursor: pointer; }
div#Hinnat div {
	border: 1px solid gray;
	width: 400px;
	height: 23px;
	text-align: right;
	margin: 5px auto;
	padding: 0 3px;
	display: none;
	background-image: url('/images/sortBg.jpg');
	background-repeat: repeat-x;
}
div#Hinnat div span { float: left; font-size: 13px; font-weight: bold; margin: 3px 0 0 0; }
div#Hinnat div input { vertical-align: middle; }

div#Search {
	width: 50%;
	padding: 0;
}

.hinnat {
	color : black;
	font-size : 11px;
	border: 1px solid #32457B ! important;
}

.haku a,
.haku a:link,
.haku a:visited,
.haku a:active {
	color : #333;
	font-size : 10px;
	font-weight : normal;
	text-decoration : none;
	padding: 0px 1px;
}
.haku a:hover {
	color : #8D9BC6 !important;
	font-size : 10px;
	font-weight : normal;
	text-decoration: none;
	padding: 0px 1px;
}



div.Login {
	width: 310px ! important;
	background-color: #EFECF2 ! important;
}
div.Login p { background: none; clear: both; margin: 15px auto; }
div.Login p.Pysy { text-align: left; border: 1px solid red; }
form#LogIn {
	text-align: left;
	margin-top: 20px;
}
form#LogIn label {
	width: 110px;
	float: left;
	clear: left;
	margin-left: 17px;
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold;

}
form#LogIn label.Pysy input { float: left; width: auto; position: relative; top: -5px;}
form#LogIn label.Pysy { text-align: left; font-weight: normal; width: 170px; }
form#LogIn input { width: 160px; margin-top: 5px; }
form#LogIn input.Submit { float: right; width: auto; margin-right: 17px; }

div#Tervetuloa {
	width: 548px;
	margin: auto;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid gray;
	background-color: #4C6AA1;
	color: #fff;
	text-align: left;
}
div#Tervetuloa a { color: #fff; font-weight: bold; text-decoration: underline; }
div#Tervetuloa p { margin: 0; padding: 0; }
div#Tervetuloa p.Right { float: right; }
div#Tervetuloa p.Left { float: left; }
div#Tervetuloa img { border: 0; vertical-align: middle; }
/*------ ------*/

div#OmaNavi { background-color: #ebebeb; border: 1px solid gray; margin: 10px 0; font-size: 13px; font-weight: bold; }
div#OmaNavi a {  text-decoration: none; margin: 0 10px;}

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

div.Register {
	width: 460px ! important;
	background-color: #EFECF2 ! important;
	margin: 10px auto;
}
form#Register {
	text-align: left;
	margin: auto;
	margin-top: 20px;
	width: 430px;
}
form#Register p {
	margin: 0;
	padding: 0;
	background-image: none;
	height: auto;
}
form#Register p.Bg1 { background-color: #ccc; }
form#Register p.Bg2 { background-color: #ebebeb; }

form#Register label {
	width: 170px;
	float: left;
	clear: left ! important;
	margin-left: 15px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: bold;

}
form#Register label.CheckBox { width: auto; float: none; margin-left: 3px; font-weight: normal; border: 1px solid red;}
form#Register p.CheckBox { font-size: 12px; }

form#Register input { width: 230px; margin-top: 4px; margin-bottom: 4px; }
form#Register input.CheckBox { float: left ! important; width: auto ! important; margin-left: 15px;}

form#Register .X { color: red; }
form#Register .Ohje { font-weight: normal; font-size: 10px; }

form#Register input.Submit { width: auto; margin-right: 15px; }
form#Register p.Submit { text-align: right; clear: left; }

div.Omat_Tiedot {
	width: 460px ! important;
	background-color: #EFECF2 ! important;
}

form#Omat_Tiedot {
	text-align: left;
	margin: auto;
	margin-top: 20px;
	width: 100%;
	background-color: #EFECF2 ! important;
}
form#Omat_Tiedot p {
	margin: 0;
	padding: 0;
	background-image: none;
	height: auto;
	vertical-align: middle;
}
form#Omat_Tiedot p.Bg1 { background-color: #ccc; }
form#Omat_Tiedot p.Bg2 { background-color: #ebebeb; }

form#Omat_Tiedot label {
	width: 170px;
	float: left;
	clear: left ! important;
	margin-left: 15px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: bold;

}
form#Omat_Tiedot input { width: 230px; margin-top: 4px; margin-bottom: 4px; }
form#Omat_Tiedot .X { color: red; }
form#Omat_Tiedot .Ohje { font-weight: normal; font-size: 10px; }
form#Omat_Tiedot .User { font-size: 13px; position: relative; top: 3px; }

form#Omat_Tiedot input.Submit { width: auto; margin-right: 15px; }
form#Omat_Tiedot p.Submit { text-align: right; }

div#LuoOmaSivu { width: 470px; margin: auto; text-align: right; }
div#LuoOmaSivu p { margin: 0; padding: 0; text-align: center; }
div#LuoOmaSivu p label { float: none; margin: 5px 0; font-size: 16px; }
div#LuoOmaSivu label { float: left; font-weight: bold; }
div#LuoOmaSivu form { text-align: center; }
div#LuoOmaSivu h3 span { font-weight: normal; }
div#LuoOmaSivu form div { min-width: 100px; border: 1px solid red; }

div#EditOmaSivu { width: 470px; margin: auto; text-align: right; border: 1px solid gray; }
div#EditOmaSivu p { margin: 0; padding: 0 3px; font-size: 14px; clear: both; border-top: 1px solid gray; }
div#EditOmaSivu p.Info { text-align: left; border: none;}
div#EditOmaSivu p b { font-weight: bold; }
div#EditOmaSivu p span { float: left; }
div#EditOmaSivu p a { cursor: pointer; color: #32457B;}
div#EditOmaSivu p.Bg1 { background-color: #ccc; }
div#EditOmaSivu p.Bg2 { background-color: #ebebeb; }
div#EditOmaSivu p img { vertical-align: middle; border: none; }
div#EditOmaSivu p img.Up,
div#EditOmaSivu p img.Down,
div#EditOmaSivu p img.Del { cursor: pointer; }
div#EditOmaSivu form.editOmatAsematForm { width: 370px; display: none;  }
div#EditOmaSivu form.editOmatAsematForm p { text-align: left; padding-left: 5px;}
div#EditOmaSivu p input.ValitseKaikki { float: left; }
div#EditOmaSivu p input#Submit { float: right; }
div#EditOmaSivu form.Form { float: left; text-align: left; font-size: 12px; margin-left: 3px;}
div#EditOmaSivu form.Form select { font-size: 12px; }

div#OmatAsetukset { margin: auto; width: 550px; border: 1px solid gray;}
div#OmatAsetukset p { margin: 0; padding: 0; text-align: left; }
div#OmatAsetukset p label { font-weight: bold; }
div#OmatAsetukset p#OmatAlet { float: left; width: 365px;}
div#OmatAsetukset p#OmatAlet span {
	clear: both;
	width: 100%;
	float: left;
	border: 1px solid gray;
	border-left: none;
	background-color: #ebebeb;
	text-align: right;
	margin: 5px 0;
}
div#OmatAsetukset p#OmatAlet span input.Set { float: left ! important; }
div#OmatAsetukset p#OmatAlet span img { vertical-align: middle; margin-bottom: 4px; width: auto; height: auto;}
div#OmatAsetukset p#OmatAlet span img.Spacer {
	width: 84px;
	height: 1px;
	border: none;
}

div#OmatAsetukset p#Kortit { float: right; width: 170px; background-color: #ebebeb; border: 1px solid gray; border-right: none; }
div#OmatAsetukset p#Kortit span { clear: both ! important; }

div#OmatAsetukset p span input.Val { width: 40px; margin: 0; }
div#OmatAsetukset p.Submit { text-align: right; clear: both; }

div#OmaSivuOhje {
	width: 450px;
	border: 1px solid gray;
	padding: 5px;
	margin: auto;
	text-align: left;
	font-size: 12px;
}

form.LisaaAuto {
	width: 350px;
	margin: auto;
	border: 1px solid gray;
	font-size: 13px;
}
form.LisaaAuto p { margin: 0; padding: 2px; text-align: right; clear: both; }

form.LisaaAuto label {
	float: left;
	width: 100px;
	font-weight: bold;
}
form.LisaaAuto input { width: 210px; }
form.LisaaAuto select { float: left; margin-left: 34px; }
form.LisaaAuto select.Pvm { float: left; margin-left: 5px; }
form.LisaaAuto input.Submit { width: auto; margin-top: 10px; }

div#AutoLista {
	width: 550px;
	margin: 0 auto;
	border: 1px solid gray;
}
div#AutoLista b { font-weight: bold; }
div#AutoLista p { text-align: left; margin: 0; padding: 0; }
div#AutoLista p img { vertical-align: middle; }
div#AutoLista table { width: 100%; border-spacing: 0; }

div#AutoLista td { border: 1px solid gray; }
div#AutoLista .Title { font-size: 13px; font-weight: bold; }
div#AutoLista td { margin: 0; padding: 0; font-size: 12px; }
div#AutoLista td.Merkki { text-align: left; }
div#AutoLista td.Vm { width: 40px; }
div#AutoLista td.Moottori { width: 70px; }
div#AutoLista td.Ml { width: 60px; }
div#AutoLista td.Tankkaus { width: 55px; }
div#AutoLista td.Tankkaus img { vertical-align: middle; border: 0; width: 45px; height: 15px;}
div#AutoLista td.Del img { cursor: pointer; }
div#AutoLista td.Kulutus { width: 55px; }

form.LisaaTankkaus {
	width: 190px;
	margin: auto;
	border: 1px solid gray;
	text-align: left;
	font-size: 12px;
}
form.LisaaTankkaus label { float: left; width: 100px; font-weight: bold; margin-left: 10px;}
form.LisaaTankkaus input { width: 60px; }
form.LisaaTankkaus p { margin: 5px; padding: 0; }
form.LisaaTankkaus p.Submit { text-align: right; padding: 0 10px; }
form.LisaaTankkaus p span { font-weight: normal; font-size: 11px; }

h3.Auto { font-size: 16px; text-align: left; width: 550px; margin: auto; border-bottom: 2px solid gray; }
div#TankkausTaulu {
	width: 550px;
	margin: auto;
}
div#TankkausTaulu h3 {
	text-align: right;
	background-color: #ebebeb;
	padding: 5px 3px;
	border: 1px solid gray;
	font-size: 16px;
}
div#TankkausTaulu h3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
div#TankkausTaulu h3 li { position: relative; }
div#TankkausTaulu h3 ul.Title { float: left; width: 180px; }
div#TankkausTaulu h3 ul.Title li { width: 180px; }
div#TankkausTaulu h3 ul li ul {
	display: none;
	clear: both;
	position: absolute;
	z-index: 10;
	background-color: #ebebeb;
	border: 1px solid gray;
	width: auto;
}

div#TankkausTaulu h3 ul li:hover ul { display: block; }


div#TankkausTaulu h3 span.Pvm { font-size: 12px; font-weight: normal; }
div#TankkausTaulu h3 img { border: 0; margin-left: 5px; }
div#TankkausTaulu p { text-align: center; }
div#TankkausTaulu img { border: 1px solid gray; }
div#TankkausTaulu table {
	width: 100%;
	margin: auto;
	border-spacing: 0;
}
div#TankkausTaulu table tr.Title { font-weight: bold; }
div#TankkausTaulu table td { border: 1px solid gray; }
div#TankkausTaulu table td span.Otos { font-weight: normal; }

div#MaksuOhje {
	width: 400px;
	margin: auto;
	border: 1px solid gray;
	text-align: left;
	font-size: 12px;
}
div#MaksuOhje h3 { margin: 0; margin-left: 40px; padding: 0; }
div#MaksuOhje li { border: 1px solid gray; margin: 3px; padding: 3px; }
div#MaksuOhje p { margin-left: 40px;  }
div#MaksuOhje p label { font-weight: bold; font-size: 12px;}

div#Esittely {
	width: 480px;
	height: 640px;
	margin: auto;
	padding: 3px;
	text-align: left;
	font-size: 14px;
	background-image: url('/images/polttoaine_oma.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}
div#Esittely span.Spacer { clear: both; line-height: 1%; visibility: hidden; margin-top: 170px; }

div#Esittely h3 { font-size: 16px; }
div#Esittely p {
	width: 285px;
	float: right;
	margin-right: 20px;
	margin-bottom: 7px;
	padding: 0 3px;
	text-align: left;
	color: #42558b;
}

div#Esittely h3 {
	width: 200px;
	float: right ! important;
	margin: 0;
	margin-right: 20px;
	text-align: left;
	clear: both ! important;
}
div#Esittely span.Info {
	float: right;
	width: 220px;
	clear: both;
	margin-right: 30px;
	font-size: 11px;
	color: #333;
}

div#Esittely ul.ul {
	list-style: disc ! important;
	margin: 0;
	margin-left: 15px;
	margin-top: 75px;
	padding: 0;
	float: left;
	width: 150px;
}

div#Esittely ul.ul li {
	list-style: disc ! important;
	font-family : "Trebuchet MS", Arial, Tahoma;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

div.Media {
	width: 300px;
	text-align: left;
	background-color: #ebebeb;
	margin: 10px auto;
}
div.Media h4 { margin: 5px 0 0 5px; padding: 0; }
div.Media a { margin-left: 5px; padding: 0; }
div.Media p { margin: 0 5px; height: auto; font-size: 11px; background: none; }
div.Media p a { color: #3E5087 ! important; }
div.Media p a:hover { color: #8D9BC6 ! important; }
div.Media h3 a { color: #fff ! important; }

div.Ehdot {
	width: 550px;
	text-align: left;
	background-color: #ebebeb;
	margin: 10px auto;
}
div.Ehdot p { margin: 0 5px; height: auto; font-size: 11px; background: none; }
div.Ehdot h4 { margin-left: 5px; }

div.Info {
	width: 550px;
	text-align: left;
	background-color: #ebebeb;
	margin: 10px auto;
}
div.Info p { margin: 15px 5px; height: auto; font-size: 11px; background: none; }
div.Info p a { color: #3E5087 ! important; }
div.Info p a:hover { color: #8D9BC6 ! important; }

div.OMA-esittely { width: 550px; margin: 10px auto; padding: 0; background: #fff url(/images/OMA-bg.gif) top no-repeat; text-align: left; }
div.OMA-esittely img { border: 0; float: left; clear: both; }
div.OMA-esittely img.OMA { margin-top: 50px; }
div.OMA-esittely hr { visibility: hidden; clear: both; width: 100%; height: 1%; }
div.OMA-esittely h3 { color: #000; font-family: 'Trebuchet Ms'; font-size: 18px; }
div.OMA-esittely h3.OMA { margin-top: 120px; }
div.OMA-esittely p { color: #333; font-family: Helvetica, Arial; font-size: 12px; }

.corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.corner-bottom-r { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}

div.mainos { display: block; width: 140px; height: 350px; display: none; }