body, html {font-size: 112.5%;line-height: 170%}
body, p {margin: 0;padding: 0}
.teksti, a, body, li, p, td, ul {font-family: 'Maven Pro', sans-serif !important;color: #000;font-weight: 300}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {margin: 0;font-weight: 500; font-family: 'Maven Pro', sans-serif; line-height: 100% }
h1, h1 a {color: #fff;font-size: 2.3rem;padding: 0;font-weight: 700;text-shadow:1px 2px 2px rgba(0, 0, 0, 0.5); }
h2, h2 a {color: #003479;font-size: 2rem;padding: 0;}
h3, h3 a {color: #003479;font-size: 2.222rem;padding: 0 0 20px 0; font-weight:700;}
h4, h4 a {color: #003479;font-size: 1.3rem;padding: 0 0 5px 0;font-weight:700;}
h5, h5 a {color: #003479;font-size: 1.3rem;padding: 0 0 5px 0}
h6, h6 a {color: #003479;font-size: 2.111rem;padding: 0 0 5px 0;}
table, tr, tbody {height:auto !important; max-width:100% !important;}
td {height:auto !important}
.erikoiskuva, .kuva, .kuva2 {border: 0;outline: 0;max-width: 100%;height: auto;display: block;margin: 0;cursor: pointer}
a {color: #003479;text-decoration: none; font-weight: 500;}
a:hover {text-decoration: underline}
strong {font-weight:600}
.content-col {width: 100%;clear: both;position: relative}
.center-col {clear: both;margin: 0 auto;width: 1600px;position: relative}
#alasivu-sisalto {width:1200px;}
.content-col img {max-width: 100%;height: auto; display:block;}
@media only screen and (max-width:1920px) {body, html {font-size: 100%}p, td, a, .col-full li, .col-left li, .col-right li {font-size: 1.2rem; font-family: 'Maven Pro', sans-serif !important; line-height:160%;}}
@media only screen and (max-width:1660px) {.center-col {width: 1400px}p, td {line-height: 160%}}
@media only screen and (max-width:1440px) {.center-col {width: 1200px}body, html {font-size: 80%}}
@media only screen and (max-width:1280px) {.center-col, #alasivu-sisalto {width: 90%;margin: 0 auto}}
@media only screen and (max-width:860px) {.subpage table, .subpage td, .subpage tr {display: block;width: 100%!important;height: auto;clear: both}.subpage tbody {width: 100%;display: inline-block}}
@media only screen and (max-width:720px) {body, html {font-size: 70%}body {line-height: 160%}p, td, a{font-size: 1.4rem !important}}

.center-col iframe {max-width: 100%;margin: 0 auto!important}.dtable {display: table}.col-25, .col-33, .col-50, .col-67, .col-75 {float: left;box-sizing: border-box}.col-25 {width: 25%}.col-33 {width: 33.3%}.col-50 {width: 50%}.col-67 {width: 66.7%}.col-75 {width: 75%}.col-left {
width: 46%;float: left;box-sizing: border-box;}.col-right {width: 46%;float: right}.col-full {clear: both;width: 100%}.col-3 {width: 32%;float: left}.col-3-center {margin: 0 2%;padding: 0}.colpadding {padding-bottom: 20px}
.content-col img, .center-col img  {max-width:100%; height:auto;}
#levea-sisalto {width:100%;}
@media only screen and (max-width:1024px) {.col-25, .col-3, .col-33, .col-50, .col-67, .col-75, .col-left, .col-right {clear: both;float: none;margin-bottom: 20px;width: 100%}}
.dflex {  display: -ms-flexbox;-ms-flex-wrap: wrap;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap}
.center-flex {display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;justify-content: center; flex-wrap:wrap;}
.vpadding-40 {padding: 40px 0}.vpadding-60 {padding: 60px 0}.vpadding-80 {padding: 80px 0}.vpadding-100 {padding: 100px 0}
@media only screen and (max-width:1024px) {table, td, tr {height: auto!important}}
@media only screen and (max-width:720px) {.vpadding-40 {padding: 20px 0}.vpadding-60 {padding: 40px 0}.vpadding-80 {padding: 60px 0}.vpadding-100 {padding: 80px 0}}
@media only screen and (max-width:575px) {.vpadding-60 {padding: 20px 0}.vpadding-80 {padding: 40px 0}.vpadding-100 {padding: 60px 0}}
#breadcrump {color: #f36f31;width: 100%;height: auto;padding-bottom: 20px}
#breadcrump a {color: #f36f31}

/* Etusivu */
.extraicons {width: auto;float: right;padding-right: 40px;padding-top: 6px;}
.extraicon {display: block !important; float:left;max-width: 12px !important;vertical-align: middle;padding:12px 10px 0 0; height: auto !important;}
.extranet-header {color:#fff; font-size:16px; font-weight:700; text-transform:uppercase; margin-right:10px;text-shadow:1px 2px 2px rgba(0, 0, 0, 0.5);}
.extraicons span {color:#fff !important;text-shadow:1px 2px 2px rgba(0, 0, 0, 0.5);}
.extralink {font-size: 16px !important;color: #fff !important;text-decoration: underline;text-shadow:1px 2px 2px rgba(0, 0, 0, 0.5);}
@media only screen and (max-width:1920px) {.extraicons {padding-top: 11px;}.extraicon {padding: 6px 10px 0 0;}}
@media only screen and (max-width:1920px) {.extralink, .extranet-header  {font-size: 15px !important;}}
@media only screen and (max-width:1440px) {.extraicons {padding-top: 17px;}.extraicon {padding: 1px 10px 0 0;}}
@media only screen and (max-width:1024px) {.extraicons {display:none;}}
/* Herokuva */

.herokuva {width:100%; height:auto;}
#herokuva-etusivu, #herokuva-alasivu {object-fit: cover;height: 904px;object-position: center center;}
#herokuva-etusivu-mobile {display:none;}
#herokuva-alasivu {height: 520px}
.hero-vari {color:#fff;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.7);}
.hero-vari p {font-size: 1.444rem;text-shadow:none;}
.imgtext {justify-content: center; display: flex;color: #fff;position: absolute;top: 0;left: 0;right: 0;bottom: 0; flex-direction: column;margin: 0 auto; pointer-events: auto;z-index: 2;align-items: self-start;}
#imgtext-left {    bottom: 18%;top: auto;width: 50%;left: auto;right: auto;align-items: center; z-index:5;}
#imgtext-right {align-items: self-end; left:auto; right:0; width:50%; }
#imgtext-right .col-50 {width:100%;}
#heroteksti { padding:0;width: 90%; text-align:center;}
#heroteksti h1 {font-size:3.444rem; font-weight:500;}
#logoimg {max-width: 38%;margin: 0 auto;display: block; padding-top:36px}
#logoimg.logoimg-alasivu {padding-top:0;}
.tiedotekuva {float:right;padding-right:11%;padding-top: 156px; max-width:550px !important;}
@media only screen and (max-width:1660px) {.tiedotekuva {max-width: 450px !important;}#logoimg {max-width: 58%;}}
@media only screen and (max-width:1440px) {#herokuva-etusivu {height:704px;}.tiedotekuva {max-width: 400px !important;}}
@media only screen and (max-width:1280px) {.extraicons {padding-top: 3px;}}
@media only screen and (max-width:1024px) {#logo {width:auto; clear: none; margin:0;} #logoimg {padding-top:10px; z-index: 50000} #logoimg.logoimg-alasivu {padding-top: 10px;}#herokuva-etusivu {height:604px}#heroteksti {padding: 0;width: 100%;padding: 0 5% 0 13%;}#imgtext-right .col-50 {width: 100%;}.tiedotekuva {float: none;padding-right: 0;padding-top: 90px;margin: 0 auto;max-width: 80% !important;}}
@media only screen and (max-width:720px) {#herokuva-etusivu {display:none;} #herokuva-etusivu-mobile {display:block;object-fit:cover;height: 400px; object-position:center center;}#imgtext-left,#imgtext-right {position:relative; padding:0; background:#fbfaf5;width: 100% !important; padding:0 5%;bottom: auto;top: auto;}#imgtext-left {padding-top: 40px;margin-top: 20px;}#imgtext-right {padding-bottom: 40px;}#heroteksti {padding:0}#imgtext-right .col-50 {width:100%}.tiedotekuva {padding-right: 0;padding-top: 20px;margin: 0 auto;max-width: 60% !important;}#heroteksti h1 {color: #053677;text-shadow: none;}.hero-vari p {color: #000;font-size: 1.6rem !important;}}
@media only screen and (max-width:480px) {#heroteksti h1 {font-size: 2.8rem;}.hero-vari p {font-size: 1.4rem !important;}.tiedotekuva {max-width: 80% !important;}#herokuva-alasivu {height: 300px;}}

/* Header */

header {position:absolute; width:100%; top:0; left:0; z-index:2;}
#langselect {padding-top: 13px; padding-right:5%;}
#langselect a {padding: 7px 0 0 0;margin: 10px 1px 0px 1px; display: block; width: 30px;float: right;color: #fff;font-size: 13px !important;font-weight: 700;text-align: center;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;height: 23px;line-height: 100%;text-shadow:1px 2px 2px rgba(0, 0, 0, 0.5);}
#lang-selected {background: #00508f;color: #fff !important;}

#main-navi {width:100%;margin: 0;padding: 49px 0 0 0;list-style: none;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-evenly;justify-content: space-evenly;display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;flex-wrap: wrap;}
#main-navi.main-navi-alasivu {padding:0 0 62px 0;}
#main-navi li {width:25%; text-align:center;}
.navilink {color:#fff; font-weight: 700;text-shadow:1px 2px 2px rgba(0, 0, 0, 0.5); text-transform: uppercase; font-size: 1.1rem; padding: 5% 5% 5% 5%; width:100%;  display:inline;}

#link-sel-1-2, #link-sel-2-3, #link-sel-3-4, #link-sel-4-5,#link-sel-1-10 ,#link-sel-2-11,#link-sel-3-16,#link-sel-5-13,#link-sel-3-15,#link-sel-5-5,#link-sel-1-23,#link-sel-2-24,#link-sel-3-26,#link-sel-5-27{border-radius: 4px;background: #063a7d;text-decoration: none}
@media only screen and (max-width:1920px) {.navilink {font-size:1.2rem !important}}
@media only screen and (max-width:1660px) {#logo {width:33.3%;}#mn-nav {width:66.7%;}}
@media only screen and (max-width:1440px) {.navilink {font-size: 1.4rem !important;}}
@media only screen and (max-width:1280px) {#langselect a {margin:0 1px 0 1px;}.navilink {font-size: 1.3rem !important;padding:5% 0%;}}
@media only screen and (max-width:1024px) {#langselect {display:none;}#logoimg {max-width: 80%; padding:0; left:0;} #logo {position: absolute;left: 0;top: 0;left: -30px;top: -5px;}#logoimg.logoimg-alasivu {padding:0;}}
@media only screen and (max-width:860px) {#logoimg {max-width: 100%;}}
@media only screen and (max-width:675px) {#logoimg {max-width: 190px;}}

/* Bannerit */
#banneri-wrapper {padding:60px 0 0 0;}
#banneri-left {width: 49.5%; float:left; clear:none;}
#banneri-right {float: right;width: 49.5%; clear:none;}
.banneri-col {position:relative;}
.banneriteksti {position: relative;width: 82%;margin: -100px auto 0 auto;padding: 45px;box-sizing: border-box;display: table;background: #fff;}
.banneriteksti-col .webiolinkkipainike {width: 80%;margin: 0 10%;}
.banneri-img img{width:100%;}
@media only screen and (max-width:1660px) {#main-navi.main-navi-alasivu {padding: 40px 0 62px 0;}.banneriteksti-col {width: 100%;clear: both;float: none;}.banneriteksti-col .webiolinkkipainike { width: auto;margin: 20px 0 0 0;}#banneri-wrapper {padding: 20px 0 0 0;}#banneri-left, #banneri-right, .banneriteksti-col,#valma-kaupat-wrapper{margin:0;}}
@media only screen and (max-width:1440px) {#banneri-left, #banneri-right {width:49%;}}
@media only screen and (max-width:768px) {#banneri-left, #banneri-right {width:100%;clear:both; float:none; margin-bottom:0;}.banneriteksti-col{margin-bottom:0;} #banneri-wrapper {padding: 20px 0 0 0;}.banneriteksti {padding: 20px;}}
@media only screen and (max-width:480px) {.banneriteksti {margin: 20px auto 20px auto;}#banneri-right .banneriteksti {margin:20px 0 0 0;}}


/* Esittely */

#esittely-wrapper {background:#fbfaf5}
.indent-col {padding:0 5%;}

/* Valma kaupat */
#valma-kaupat-wrapper {margin-top:20px;}
#valmabg {background: url(../img/header/valma-bg.jpg) left top no-repeat; background-size:cover;}
#valmabg img {max-width: 28%;}
#valmamap {max-height: 800px;overflow: hidden;background: url(https://www.maitosuomi.fi/images/kuvapankki/valma_kartta_170.jpg) left top no-repeat;background-size: auto;background-size: cover;}
#valmamap img {display:none;}
#valmamap iframe {width: 100%;max-width: 100%;padding: 0;border: 0; margin:-47px 0 0 0}
#valmamap img {width:100%;}

@media only screen and (max-width:1024px) {#esittely {flex-direction:column;} #esittely-left-col {order:2;} #esittely-right-col {order:1;}#valmamap {background:none;}#valmamap img {display:block;}}

/* Alasivu */

#alasivu-otsikko {align-items: center;top: auto;bottom: 10%;}
#alanavi {background: #063a7d;padding: 10%;margin: 0 0% 40px 20%;}
.subpage-15 .col-full #solu50401{display:flex; flex-direction:row; flex-wrap:wrap; flex: 1 0 25%;}
.subpage-16 .lisatiedot-se {display:block !important;}
.subpage-16 .lisatiedot-fi {display:none;}
.toimipaikkanosto {padding:0px 20px 40px 20px; box-sizing:border-box;min-height: 415px;}
.toimipaikkanosto .webiolinkkipainike {width: 90%;box-sizing: border-box;}
.yhtttaulukko tr {display: table;width: 100%; box-sizing: border-box;}
.yhtttaulukko tr:nth-child(2n) {background: #f6f6f6;}
.yhtttaulukko td {float:left; box-sizing:border-box; padding:5px 0 5px 10px;}

/*.dflex #solu50401, .dflex #solu51401 {display: flex;flex-direction: row;flex-wrap: wrap;}*/
/*.dflex #solu50401, .dflex #solu51401 {display: flex;flex-direction: row;flex-wrap: wrap;}*/
#resepticontent img.kuva {max-width: 80%; height: auto;}
#resepticontent .webiolinkkipainike {height: auto !important;font-size: 0.8rem;background-color: #1eb7de;}
@media only screen and (max-width:1440px) {.toimipaikkanosto {min-height: 300px;}}
@media only screen and (max-width:1280px) {#kuvataulu td img {object-fit: cover;height: 200px;}.toimipaikkanosto {min-height: 360px;}}
@media only screen and (max-width:1024px) {#alanavi{ margin: 0 0% 40px 0%; padding:5%; display:none;}.toimipaikkanosto {width:25%; clear:none; float:left;}}
@media only screen and (max-width:860px) {#kuvataulu td {text-align:left !important;}#kuvataulu img { max-width:355px;}}
@media only screen and (max-width:720px) {.toimipaikkanosto {width:33%; clear:none; float:left;min-height: 300px;}}
@media only screen and (max-width:575px) {.toimipaikkanosto {width:100%; clear:both; float:none; height:auto; min-height:unset;}#levea-sisalto img {float:none !important}}
@media only screen and (max-width:420px) {#kuvataulu img { max-width:100%; width:100%;}}
/* Global */

/* SOME nostot */
#somenostot {padding-bottom:8%;}
#ajankohtaista-header {text-align:center; padding-bottom:40px;}
#fblink-button {text-align:center; margin: 20px auto 0 auto}


/* Footer */

#footer-wrapper {background:url(../img/header/footer-img-alt-3.png) center top no-repeat; background-size:cover; margin-top:20px;padding:60px 0 15% 0}
#footer-bottom {justify-content: flex-end;}
#footer-wrapper-align {display: flex;flex-direction: row;justify-content: center;}
#ftr-yhttcol {width:30%;}
#ftr-contact {width:40%;}
/* Footer bottom */
#yhteystiedot {background:rgba(56,169,220, 0.9); padding:10%;}
.bluebox, .whitebox { width:100%; text-align: center; box-sizing: border-box;background: #38a9dc;padding: 0px 10%;color: #fff;text-transform: uppercase;font-weight: 700; display:inline-block;font-size:0.9rem !important;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.whitebox {background:#fff; color:#003479;}
.iconlink {font-size: 0.9rem !important; text-transform: uppercase; vertical-align: bottom;}
.iconimg {padding-right:10px;}
@media only screen and (max-width:1440px) {.bluebox, .whitebox { padding: 5px 10%;}}
@media only screen and (max-width:1024px) {#footer-wrapper { background: url(../img/header/footer-img-alt-3.png) center bottom no-repeat;background-size: contain;padding: 0px 0 15% 0;}.yhttcol {width:50%; float:left; clear:none;}.bluebox, .whitebox {padding: 10px 10%;font-size: 1.2rem !important;}.linkcol {text-align:center;} .linkcol p {width:auto; display: inline}.linkcol img {max-width: 100%;height: auto;float: none !important;display: inherit;vertical-align: middle;}.footercol, .indent-col {flex: 1 0 33.33%;}.linkcol {padding-top: 40px;}}
@media only screen and (max-width:1024px) {.footercol {flex: 1 0 100%} .yhttcol {flex: 1 0 50%}#footer-wrapper-align {flex-direction:column;}#ftr-contact {width: 50%;margin: 0 auto;}#ftr-yhttcol { width: 100%;text-align: center; order:2;}}
@media only screen and (max-width:720px) {#ftr-contact {width: 66.7%;}}
@media only screen and (max-width:420px) {.footercol {flex: 1 0 100%} .yhttcol {flex: 1 0 100%} .linkcol p {clear:both;}.linkcol p {clear: both;display: block; text-align: left;}#ftr-contact {width: 75%;}}

.tapahtumat {font-weight: 700}
.tapahtumakalenteri_otsikko {color: #003479;font-weight: 700}
.tapahtumakalenteri_valiotsikko {font-weight: 700}
.uutis_otsikko {color: #003479 !important;font-size: 1.2rem;font-weight: 400}
.nostouutis_paivays, .uutis_paivays, .uutispaivays, .uutispaivaysetusivu, nobr {display: block;font-size: 1rem;color: #565656;font-weight: 500}
.nostettumoduli, .nostettumoduli a, a.nostouutis_otsikko {color: #003479;display: block;font-size: 1.2rem;font-weight: 700}
.lomakeotsikko {color: #003479;font-weight: 700}
.lomaketekstiotsikko {color: #003479;font-weight: 700}
.lomakenappi_submit {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #003479;width: 50%;border: none;color: #fff;border-radius: 6px;font-size: 1.1rem;height: 35px}
.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none;color: #fff;}
.valikkolinkki-sel {color: #b0b0b0;}
@media only screen and (max-width:1024px) {input, textarea {width: 100% !important;margin-bottom: 10px}}
hr {border-top-width: 1px;border-right-width: 0;border-bottom-width: 0;border-left-width: 0;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #dedede;border-right-color: #dedede;border-bottom-color: #dedede;border-left-color: #dedede}
a.takaisinuutisiin, a.webiolinkkipainike {cursor:pointer;margin-top: 20px;display: inline-block;text-align: center;background-color: transparent, #00b2de; background-image: url(../img/header/linkarrow.png), url(../img/header/linkkibg.png);background-repeat:no-repeat,repeat-x; background-position: 95% center,left top; /*background-size:6%, cover;*/height: auto;color: #fff;padding: 10px 10% 10px 5%;font-weight: 500;line-height: 160%;width: auto;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; text-transform: uppercase; opacity:1;}

a.takaisinuutisiin:hover, a.webiolinkkipainike:hover {background:#003479 url(../img/header/linkarrow.png) 95% center no-repeat ;background-size:auto;opacity:1;}
img[title=Poista] {height: auto !important;width: auto !important}
.valikkolinkki_piilosivu {color: #005600}
@media only screen and (max-width:1024px) {.webiolinkkipainike {font-size: 1.4rem !important}}
@media only screen and (max-width:768px) {a.takaisinuutisiin, a.webiolinkkipainike {padding: 10px 10%;}}
@media only screen and (max-width:420px) {a.takaisinuutisiin, a.webiolinkkipainike {padding: 10px 15%;}}

.col-3 form, .col-full form, .col-left form, .col-left tr[id^=lomakerivi] input, .col-left tr[id^=lomakerivi] textarea, .col-right form {max-width: 100%}
.col-3 tr[id^=lomakerivi] td table td, .col-50-whp tr[id^=lomakerivi] td table td, .col-left tr[id^=lomakerivi] td table td, .col-right tr[id^=lomakerivi] td table td {display: block;clear: both;width: 100%}
.col-3 tr[id^=lomakerivi] td table td:last-child, .col-50-whp tr[id^=lomakerivi] td table td:last-child, .col-full tr[id^=lomakerivi] td table td:last-child, .col-left tr[id^=lomakerivi] td table td:last-child, .col-right tr[id^=lomakerivi] td table td:last-child {margin-bottom: 20px}
.col-3 input[type=button], .col-3 input[type=file], .col-3 input[type=text], .col-full input[type=button], .col-full input[type=file], .col-full input[type=text], .col-left input[type=button], .col-left input[type=file], .col-left input[type=text], .col-right input[type=button], .col-right input[type=file], .col-right input[type=text] {height: 25px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin-bottom: 10px;background: #fff;width: 96%;border: 1px solid rgba(0, 0, 0, .2)}
.col-3 textarea, .col-full textarea, .col-left textarea, .col-right textarea {border-radius: 2px;margin-bottom: 10px;width: 94%;border: 1px solid rgba(0, 0, 0, .2);padding: 0}
.col-full .lomakeotsikko {width: 30%}
.col-full input[type=file], .col-full input[type=text], .col-full textarea {width: auto}
.col-full input[type=button] {width: 30%}
.col-3 input[type=button], .col-left input[type=button], .col-right input[type=button] {background: #003479;color: #fff;font-size: 1rem;font-weight: 700;text-transform: uppercase;padding: 5px 0;display: block;height: auto}
textarea {width: 95%}

@media only screen and (max-width:1024px) {#submenu ul {background: none;list-style-type: none;margin: 0 auto;padding: 10%;width: 80%} #submenu ul li ul {list-style-type: none;margin: 0;padding: 0 0 0 20px}
	.valikkolinkki, .valikkolinkki-sel, .valikkomodulilinkki, .valikkomodulilinkki-sel {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;color: #fff !important;display: block;margin-bottom: 10px;text-decoration: none;width: 96%}#submenu ul {background: 0 0;padding: 0;width: 100%}#submenu ul li a::after {content: "›";float: right;font-size: 20px}#submenu ul li ul {padding: 0 0 0 5%;width: 95%}#submenu li ul li a {background: 0 0;color: #000 !important;padding: 0}
	#submenu ul li ul li a::after {float: none;padding-left: 10px}}
@media only screen and (max-width:860px) {.col-3 form, .col-left form, .col-right form {width: 90%;margin: 0 auto;display: block}.col-3 input[type=button], .col-3 input[type=file], .col-3 input[type=text], .col-left input[type=button], .col-left input[type=file], .col-left input[type=text], .col-right input[type=button], .col-right input[type=file], .col-right input[type=text] {height: 35px;width: 100% !important}.col-full form[id^=lomake_] {margin: 0 auto;width: 90%}.col-full input[type=button], .col-full input[type=file], .col-full input[type=text], .col-full lomakeotsikko {width: 96% !important;margin-bottom: 5px}.col-full textarea {width: 100% !important;margin-bottom: 5px}}
@media only screen and (max-width:720px) {.subpage .dtable {display: block}.subpage .center-col img {height: auto;max-width: 100%;padding: 20px 0;float: none;clear: both}}
@media only screen and (max-width:420px) {#submenu {font-size: 60%}a.takaisinuutisiin, a.webiolinkkipainike {background-repeat:no-repeat, repeat;}}
@media only screen and (max-width:1024px) {.kuvagalleriakuvatausta {width: 23% !important;height: 35vh !important;margin: 0 1% 20px 1% !important;box-sizing: border-box;padding: 0}.kuvagalleriakuvatausta img {padding: 0 !important;width: 100%;	height: 100%}}
@media only screen and (max-width:860px) {.kuvagalleriakuvatausta {height: 30vh !important}}
@media only screen and (max-width:720px) {.kuvagalleriakuvatausta {height: 25vh !important}}
@media only screen and (max-width:620px) {.kuvagalleriakuvatausta {width: 31.3% !important;height: 30vh !important}}
@media only screen and (max-width:520px) {.kuvagalleriakuvatausta {height: 25vh !important}}
@media only screen and (max-width:420px) {.kuvagalleriakuvatausta {height: 20vh !important}}
#container a > img {max-width: 72px !important;height: 21px !important}#container .button, #wait_img img {width: auto !important}div[id^=CONTENT_] {width: 100%}#container img {opacity: 1 !important}.zoomcrop {max-width: none !important;width: auto !important}

/* MOBIILIVALIKKO */

#main-navi-resp,#mobile-logo {display:none;}

@media only screen and (max-width:1024px) {
	#mn-nav {display:none;}
#mobile-logo {display:block; position:absolute; top:0px; left:0px; z-index:50000}#mobile-logo img { max-width: 120px; height:auto;padding:20px;}
.mean-bar::before {color: #fff !important;content: "VALIKKO";top: 49px;z-index:1;width: 48px;height: auto;right: 11px;position: absolute;font-size: 10px !important;}
  .meanmenu-se .mean-bar::before {content:"MENU"; font-size:13px !important;right:9px}
#mobilemenu-container::after {right:13px !important}
a.meanmenu-reveal { display:none }.mean-container a.meanmenu-reveal:after {color:#000; font-size:10px !important; top:65px; width:50px; height:50px }
.mean-container a.meanmenu-reveal.meanclose::after {display:block;margin-left:-2px;margin-top:15px;padding-left:0;text-align:left}
.mean-container a.meanmenu-reveal.meanclose { height:48px; right:24px !important; width:39px !important; color:#fff; font-size: 37px !important; margin-top: 3px}
.mean-container .mean-bar { float:left; width:100%; position:absolute; top:0; padding:0; min-height:42px; z-index:999;}
.mean-container a.meanmenu-reveal {background:#003479;color: #fff;cursor: pointer;display: block;font-size: 1px;font-weight: 700; height: 48px;line-height: 22px;margin-top: 3px; padding: 10px 10px 5px;position: absolute;right: 10px !important;text-decoration: none;text-indent: -9999em;top: 6px;width: 39px;}
.mean-container a.meanmenu-reveal span { background: #fff; border-radius:2px;display:block; height:6px; margin-top:4px; color:#000; width:39px }
.mean-container .mean-nav { float:left; width:100%; margin-top: 81px }
.mean-container .mean-nav ul { padding:0; margin:0; width:100%; list-style-type:none }
.mean-container .mean-nav ul li { position:relative; float:left; width:100% }
.mean-container .mean-nav ul li a { display:block; float:left; width:90%; padding: 10px 5% 7px; height:28px; margin:0; text-align:left; color:#fff; border-top:1px solid rgba(255,255,255,0.2);text-decoration:none; font-size:14px;background:#003479;font-weight:600; text-transform:uppercase }
.mean-container .mean-nav ul li li a { width:90%; padding: 15px 0 6px 10%; border-top:1px solid rgba(255,255,255,0.2);  background:#003479 !important; text-shadow:none !important; visibility:visible }
.mean-container .mean-nav ul li.mean-last a { border-bottom:none; margin-bottom:0 }
.mean-container .mean-nav ul li li li a { width:70%; padding:1em 15% }
.mean-container .mean-nav ul li li li li a { width:60%; padding:1em 20% }
.mean-container .mean-nav ul li li li li li a { width:50%; padding:1em 25% }
.mean-container .mean-nav ul li a:hover { background:#003479 !important }
.mean-container .mean-nav ul li a.mean-expand {background: #000; border: medium none;border-radius: 3px;color: #fff;font-weight: 700;height: 25px;margin-top: 2px;padding: 0px 4px 4px !important;position: absolute;right: 10px;text-align: center;top: 6px;width: 26px;z-index: 2;}
.mean-container .mean-push, .mean-nav .wrapper { width:100%; padding:0; margin:0 }
.mean-container .mean-nav ul li a.mean-expand:hover { background:#000 !important;}
.mean-container .mean-push { float:left; clear:both }
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.mean-remove { display:none !important }
.meanclose {margin: 6px -14px 0 0;}}
	
@media only screen and (max-width:375px) {#mobilemenu-container::after {right:8px !important}}
@media only screen and (max-width:290px) {#mobilemenu-container::after {right:4px !important}}

#mobilepalsta-2 {background: #1aa3d6;width: 90%;display: table;padding: 10px 5%;}
#mobilepalsta-2 a {color: #fff;}
#mobilepalsta-2 span {color:#fff; display:block; float:left; padding-right:20px;}
.langlink-mbl {width: auto;display: block;float: left;text-align: center;padding-left: 20px; float:right;}
.extralink-mbl {width: auto;display: block;float: left;text-align: center;padding-left: 20px;}


@media only screen and (max-width:575px) {.langlink-mbl { width: 50%;float: left;clear: none;box-sizing: border-box !important;padding-left: 0;text-align: center; border: 1px solid rgba(255,255,255,0.3);}#mobilepalsta-2 a, #mobilepalsta-2 span {color: #fff;padding: 0px 0 10px 0;}#mobilepalsta-2 span {clear: both;float: none;padding:0;}.extralink-mbl {padding-right: 20px !important;} .langlink-mbl {padding:5px 0 !important;}}
@media only screen and (max-width:375px) {.extralink-mbl {width:100%; float:none;padding: 0px !important; text-align:left;}.langlink-mbl {margin-top:20px;}}

/* Extranet */

#loginf table {width: 100%;}
#logintunnus, #loginsalasana {width: 50% !important;display: block;height: 35px !important;}
#loginf table td:first-of-type{text-align:right;padding-right: 20px;font-weight: 700;color:#053871;font-size: 1.4rem !important;min-width:90px;}
#loginnappi {background: #00a2d8;width: 50% !important;height: 40px !important;color: #fff !important;font-size: 18px;font-weight: 700;text-transform: uppercase;border: none;}
#kirjautumisheader {text-align: center;padding-bottom: 20px; font-size:2rem}

@media only screen and (max-width:1024px) {#loginf table td:first-of-type {padding-bottom: 10px;}}
@media only screen and (max-width:860px) {#loginf table tr {display: flex;}#logintunnus, #loginsalasana, #loginnappi {width: 60% !important;}#loginf table tr td {flex: 4;}#loginf table td:first-of-type {flex: 1;}}
@media only screen and (max-width:860px) {#logintunnus, #loginsalasana, #loginnappi {width: 100% !important;}}