/* Tehnyt: Petri I. | petri.ikonen@kuopassa.com | www.kuopassa.com */

@import url("typo.css");
@import url("extrat.css");

* {
	margin: 0;
	padding: 0;
	}
	
body {
	font: 80% Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333;
	}
	
html {
	height: 100%;
	}
	
a {
	text-decoration: underline;
	color: #e70203;
	}
	
a:hover {
	text-decoration: underline;
	color: #a00;
	}
	
div#rakenne {
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	width: 990px;
	}

div#ylaosa {
	height: 118px;
	background: #fff url(../images/ylaosa.png) no-repeat 0 0;
	position: relative;
	}
	
div#ylaosa h1,
div#ylaosa h1 a,
div#ylaosa ul,
div#ylaosa p {
	padding: 0;
	margin: 0;
	display: block;
	overflow: hidden;
	}
	
div#ylaosa h1 a {
	height: 75px;
	width: 190px;
	margin: 43px 0;
	text-indent: -9999px;
	}
	
div#ylaosa ul {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 43px;
	width: 100%;
	overflow: hidden;
	text-indent: -9999px;
	}
	
body#etusivu div#ylaosa ul {
	background: #fff url(../images/navigaatio-etusivu.png) no-repeat 0 0;
	}
	
body#esittely div#ylaosa ul {
	background: #fff url(../images/navigaatio-esittely.png) no-repeat 0 0;
	}
	
body#avaus div#ylaosa ul {
	background: #fff url(../images/navigaatio-avaus.png) no-repeat 0 0;
	}
body#Ohje div#ylaosa ul {
	background: #fff url(http://www.fonectanverkkokauppa.fi/images/navigaatio-none.png) no-repeat 0 0;
	}

div#ylaosa ul li {
	display: inline;
	}
	
div#ylaosa ul li a {
	float: left;
	height: 43px;
	}

div#ylaosa ul li a#sivu-etusivu {
	width: 110px;
	}
	
body#avaus div#ylaosa ul li a#sivu-etusivu {
	width: 100px;
	}
	
div#ylaosa ul li a#sivu-avaus {
	width: 160px;
	}
	
body#avaus div#ylaosa ul li a#sivu-avaus {
	width: 170px;
	}
	
div#ylaosa ul li a#sivu-esittely {
	width: 115px;
	}
	
body#esittely div#ylaosa ul li a#sivu-esittely {
	width: 120px;
	}
	
div#ylaosa ul li.RightNavItem { float: right; width: 102px; height: 43px; margin-right: 19px; }
div#ylaosa ul li.RightNavItem a#sivu-ohje {
	float: right; width: 102px; height: 43px; overflow: hidden; text-indent: -1000em;
	background: #fff url(http://www.fonectanverkkokauppa.fi/images/ohje-navi.png) no-repeat 0 0;
}
#Ohje div#ylaosa ul li.RightNavItem a#sivu-ohje { background-position: left -43px; }
	
div#ylaosa ul li a:hover,
div#ylaosa ul li a:focus,
div#ylaosa ul li a:active {
	outline: none;
	}

div#ylaosa p#tekstinosto1,
div#ylaosa p#tekstinosto2,
div#ylaosa p#tekstinosto3,
div#ylaosa p#tekstinosto4 {
	text-indent: -9999px;
	height: 76px;
	width: 500px;
	position: absolute;
	top: 42px;
	left: 200px;
	}
	
div#ylaosa p#tekstinosto1 {
	background: url(../images/tekstinosto1.png) no-repeat 0 0;
	}
	
div#ylaosa p#tekstinosto2 {
	background: url(../images/tekstinosto2.png) no-repeat 0 0;
	}
	
div#ylaosa p#tekstinosto3 {
	background: url(../images/tekstinosto3.png) no-repeat 0 0;
	}
	
div#ylaosa p#tekstinosto4 {
	background: url(../images/tekstinosto4.png) no-repeat 0 0;
	}
	
div#ylaosa p#tekstinosto4 {
	background: url(../images/tekstinosto4.png) no-repeat 0 0;
	}
	
div#keskiosa {
	min-height: 20em;
	padding: 10px 0 20px 0;
	display: block;
	clear: both;
	}
	
body#viherio2 div#keskiosa {
	position: relative;
	}

div#sisalto {
	float: left;
	width: 552px;
	}

body#viherio div#sisalto {
	float: none;
	width: 990px;
	padding-top: 10px;
	}
	
body#esittely div#sisalto {
	float: right;
	width: 610px;
	margin-right: 30px;
	}

div#sivupalkki {
	float: right;
	width: 410px;
	}
	
body#esittely div#sivupalkki {
	width: 340px;
	float: left;
	}
	
div#alaosa {
	background: #fff url(../images/alaosa3.png) repeat-x 0 0;
	height: 216px;
	overflow: hidden;
	}
	
div#alaosa div.palsta {
	width: 290px;
	height: 130px;
	float: left;
	padding: 0 10px 10px 10px;
	}
	
div#alaosa div#maksutavat ul {
	list-style: none;
	overflow: hidden;
	text-indent: -9999px;
	overflow: hidden;
	height: 145px;
	width: 270px;
	background: url(../images/maksutavat.png) no-repeat 0 0;
	}
	
div#alaosa div#kavijaseuranta {
	margin: 15px 10px 0 10px;
	padding: 0 25px;
	border-left: 1px dotted #bdb9b9;
	border-right: 1px dotted #bdb9b9;
	}
	
div#alaosa div#kavijaseuranta h4 {
	padding-top: 0;
	}
	
div#alaosa div p {
	line-height: 120%;
	}

div#alaosa div#kavijaseuranta p strong {
	color: #f3010b;
	}

div#alaosa div#ammattilainen { position: relative; }
div#alaosa div#ammattilainen p {
	padding-right: 130px;
	background: url(../images/adwords_certified_partner-125.gif) no-repeat right 5px;
	min-height: 125px;
	}
* html div#alaosa div#ammattilainen p { height: 125px; overflow: visible; }

#GoogleCheckLink { position: absolute; display: block; width: 125px; height: 125px; right: 10px; top: 53px; }

div#alaosa div.palsta h4 {
	font-size: 1.1em;
	letter-spacing: normal;
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
div#alaosa div.palsta h4 a {
	color: #4e4e4e;
	text-decoration: none;
	}
	
ul#alimmainen {
	list-style: none;
	text-align: right;
	font-size: 0.8em;
	color: #4c4c4c;
	padding-top: 5px;
	}
	
ul#alimmainen li {
	display: inline;
	margin-left: 10px;
	}

ul#alimmainen li a {
	color: #07338c;
	}
	
div#sivupalkki p#tutustu a,
div#sivupalkki p#tutustu1 a,
div#sivupalkki p#tutustu2 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/tutustu2.png) no-repeat 0 0;
	height: 254px;
	width: 391px;
	margin-top: 10px;
	}
	
div#sivupalkki p#tutustu1 a {
	height: 29px;
	background: #fff url(../images/tutustu.png) no-repeat 0 0;
	}
	
div#sivupalkki p#tutustu2 a {
	height: 29px;
	background: #fff url(../images/katso.png) no-repeat 0 0;
	}
	
div#sivupalkki p#tutustu2 {
	padding-bottom: 270px;
	margin-bottom: 10px;
	background: url(../images/katso2.png) no-repeat 0 100%;
	}

div#sivupalkki p a {
	text-decoration: none;
	}

div#sivupalkki p a strong {
	padding-right: 10px;
	background: url(../images/nuoli.png) no-repeat 100% 5px;
	font-size: 1.15em;
	margin: 0 10px;
	}
	
div#sivupalkki p a:hover strong,
div#sivupalkki p a:focus strong,
div#sivupalkki p a:active strong {
	background: url(../images/nuoli-harmaa.png) no-repeat 100% 5px;
	}
	
body#esittely div#sisalto div.palsta {
	width: 313px;
	min-height: 500px;
	float: left;
	margin-right: 10px;
	}
	
body#esittely div#sisalto div#viimeinen {
	width: 313px;
	margin-right: 0;
	}
	
body#esittely div#sisalto div.palsta h3,
body#esittely div#sisalto div.palsta h4,
body#esittely div#sisalto div.palsta h5,
body#esittely div#sisalto div.palsta h6 {
	color: #615945;
	font-size: 1.2em;
	padding: 5px 0 15px 0;
	}
	
body#esittely div#sisalto div.palsta p {
	padding-bottom: 10px;
	}

body#esittely div#sisalto div.palsta div.laatikko,
body#viherio2 div#sivupalkki div.laatikko {
	width: 333px;
	margin: 10px 0;
	background: url(../images/sivulaatikko.png) no-repeat 0 100%;
	min-height: 100px;
	padding-bottom: 15px;
	}
	
body#esittely div#sivupalkki div.laatikko {
	background: url(../images/kehys2.png) no-repeat 0 0;
	}

body#esittely div#sivupalkki div.laatikko h5 {
	padding: 20px 30px 10px 30px;
	color: #fa0103;
	}

body#esittely div#sivupalkki div.laatikko ul {
	list-style: none;
	padding: 0 30px 45px 30px;
	}
	
body#esittely div#sivupalkki div.laatikko ul li {
	padding-bottom: 5px;
	}
	
body#esittely div#sivupalkki div.laatikko ul li a {
	padding-left: 10px;
	background: url(../images/li2.png) no-repeat 0 8px;
	text-decoration: underline;
	font-weight: bold;
	font-style: oblique;
	}
	
	/* Lisäyksiä Miskan taholta */
	
ul.demot { width: 650px; overflow: hidden; margin:  0 -20px 20px !important; padding: 0 !important; list-style: none outside; }
ul.demot li { float: left; margin:  0 20px !important; padding:  20px 0 !important; text-align: center; }
ul.demot li a, ul.demot li a img { display:  block; }
ul.demot li h3 a { display: inline; }
ul.demot li h3 { font-size: 14px !important; }