@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic,300,300italic,800,800italic);
@import url('https://fonts.googleapis.com/css?family=Encode+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Expanded:400,700');
*{margin:0;padding:0}
html{width:100%;height:100%;overflow-y:scroll}
body{font-family:'Encode Sans',Arial,Helvetica,Sans-serif;margin:0;color:#333;font-size:14px;background:#d8d0c7 url(../uploads/tuolikauppa/bg-koivut.jpg) repeat-x center top}
p,ul,ol,li,a{font-size:1em}
img{width:auto;height:auto;max-width:100%}
.ie8 img{width:auto;height:auto;max-width:none;max-height:none}
ul{list-style-type:disc;margin:4px 10px 15px 25px}
ul ul{list-style-type:disc;margin:0 10px 0 20px}
ul li{list-style-type:disc}
ol{margin:4px 10px 15px 25px}
ol ol{margin:0 10px 0 20px}
li{margin-bottom:5px}
dl{margin-bottom:2em;padding-bottom:1em;border-bottom:1px solid silver}
dl dt{font-weight:700;margin:0 0 0 1em}
dl dd{margin:0 0 1em 1em}
ul.lomakevalinta{list-style-type:none;display:block;width:100%;max-width:600px;margin:0 auto;padding:30px 0 0}
ul.lomakevalinta li{list-style-type:none;float:left;margin:0 0 0 60px;padding:0}
ul.lomakevalinta li a{margin:0;padding:0;text-decoration:none}
ul.lomakevalinta li a:before{content:url('images/form_icon.png');margin:0 10px 0 0}
div#wrapper{display:block;margin:0;padding:0;width:100%;height:auto;background:transparent}
div#header{float:left;margin:0;padding:0 0 10px;width:100%;height:auto;background:transparent;border-top:0;border-bottom:0}
div#top_bar{display:block;position:relative;width:94%;max-width:800px;height:auto;margin:0 auto;padding:0 3%;background:transparent}
div#sulje_ikkuna{float:left;width:92%;margin:0;padding:0 4%;background:#dfdbd5;text-align:right}
div#sulje_ikkuna_center{width:100%;max-width:800px;margin:0 auto;padding:0;background:transparent;text-align:right}
div#sulje_ikkuna p{margin:0;padding:6px 0}
/*div#sulje_ikkuna a{color:#fff}*/
div#form{float:left;margin:0;padding:0;width:100%;height:auto;background:transparent}
div#form_center{display:table;margin:0 auto;padding:20px;width:100%;max-width:800px;height:auto;background:#fff;width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);width:calc(100% - 40px);box-shadow:0 0 19px rgba(0,0,0,0.80);-moz-box-shadow:0 0 19px rgba(0,0,0,0.80);-webkit-box-shadow:0 0 19px rgba(0,0,0,0.80)}
.ie7 div#form_center,.ie8 div#form_center{width:96%;min-width:600px;padding:2%}
div#form_content{float:left;margin:0;padding:0;width:100%;height:auto;background:transparent}
div#logo{float:left;display:block;width:100%;height:auto;margin:0 0 -23px;padding:0}
@media only screen and (max-width: 560px) {
div#logo{margin:0}
}
div#logo img{width:100%;max-width:280px;min-width:200px;height:auto;margin:0;padding:25px 0 0}
.ie8 div#logo img{width:280px;height:auto}
div#tilaus_txt{float:right;display:inline-block;margin:0;padding:0}
div#tilaus_txt h1{color:#fff;margin:0;padding:0}
img.tuoli{width:100%;max-width:125px;height:auto}
.ie8 img.tuoli{width:100%;max-width:none;height:auto}
     /* ---------------------- FORM DIVS ---------------------- */
div.kentta_tuote{float:left;width:100%;min-width:0;margin:0 0 10px;padding:10px 0 0;background:transparent;border-top:1px dotted #ddd}
div.kentta_tuote_img{float:left;width:20%;min-width:100px;margin:0;padding:0;background:transparent}
div.kentta{float:left;width:100%;min-width:0;margin:0;padding:0;background:transparent}
div.kentta01a{float:left;width:49%;margin:0 1% 10px 0;color:#fff;background:#66c}
div.kentta01b{float:left;width:50%;margin:0 0 10px;color:#fff;background:#66c}
div.kentta03{float:left;width:78%;margin:0 0 4px;padding:0 1%;background:#eee}
div.kentta03a{float:left;width:80%;margin:10px 0;padding:0;background:transparent}
div.kentta03b{float:left;width:20%;min-width:60px;margin:0;padding:0;background:transparent}
div.kentta03 select{background:#fff;border:1px solid #ccc}
div.kentta2{float:left;width:50%;min-width:185px;margin:0;padding:0;background:transparent}
div.kehys_huom{float:left;width:100%;border:0 solid #ccc;padding:0;margin:10px 0 0;background:#3C86CF}
div.kehys_huom p{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#fff;text-align:center}
     /* ---------------------- /FORM DIVS ---------------------- */
     /* ---------------------- FORM FIELDS ---------------------- */
input,select,textarea{font-family:Arial,Sans-serif;font-size:1em;background:#eee;border:1px solid #ccc}
input{height:auto;margin:0 0 4px}
select{width:99%;height:auto;margin:5px 0;padding:6px 0}
option{padding:1px 2%}
input[type="text"]{width:94%;padding:7px 2%}
textarea{padding:5px 1%}
input[type="radio"]{border:0}
textarea{width:97%;min-width:150px!important;max-width:97%;height:50px!important;min-height:50px!important;max-height:50px!important;resize:none;margin-bottom:4px}
input.button_submit,input.button_reset{margin-top:20px;padding:10px}
input.button_submit{color:#fff;background:#212185}
p.hyvaksyn{margin-left:20px}
select.tuote{width:73%;min-width:235px}
select.kpl{width:100%;min-width:60px}
     /* ---------------------- /FORM FIELDS ---------------------- */
div#toimitusehdot{float:left;display:block;margin:0;padding:0;width:100%;height:auto;background:#fff}
div#toimitusehdot p,div#toimitusehdot ul,div#toimitusehdot ul ul,div#toimitusehdot ul li,div#toimitusehdot ol,div#toimitusehdot ol ol,div#toimitusehdot dl,div#toimitusehdot dl dt,div#toimitusehdotdl dd{font-size:.95em}
div#toimitusehdot h3{margin-left:0}
div.alareunanyhteystiedot{float:left;width:100%;min-width:0;margin:0;padding:10px 0 0;text-align:center;border-top:1px dotted #555}
     /* ---------------------- MQ ---------------------- */
@media only screen and (max-width: 560px){
textarea{width:94%;padding:5px 2%}
select.tuote01,select.tuote02{width:100%}
div.kentta01a,div.kentta01b{width:100%;margin:0 0 10px}
div.kentta03{width:98%}
div.kentta03a{width:100%}
div.kentta03b{width:50%}
div.kentta2{width:100%}
p.hyvaksyn{margin-left:0;text-align:center}
}