/*
Theme Name: joulukuusipalvelu
Author: mk@mattikauppinen.net
*/

@import url(http://fonts.googleapis.com/css?family=Arvo:400,700);html{-webkit-font-smoothing:antialiased}body,html{margin:0;padding:0;height:100%;font-family:"lucida grande","helvetica neue",helvetica,arial,sans-serif;line-height:1.4;color:#393833;font-size:14px}body{background:url(images/bg.jpg) top center}a{text-decoration:none;outline:0;color:#5b421c}a:hover{color:#7b824c}#wrapper{width:100%;height:100%;background:url(images/bg-items.png) center top no-repeat}#contentarea{width:100%;max-width:940px;overflow:hidden;margin:0 auto;box-shadow:0 0 30px rgba(30,20,0,.4)}#top{height:383px;background:url(images/bg-top.jpg) center center no-repeat;position:relative}#top #logo{position:absolute;margin-left:-184px;margin-top:-142px;top:50%;left:50%;width:368px;height:284px;background:url(images/logo.png) no-repeat;text-indent:-9999px;overflow:hidden}#top h2{position:absolute;left:10px;top:330px;right:10px;text-align:center;text-transform:uppercase;color:#444442;margin:0}#top h2 span{color:#7b8d48}#togglemenu,#top h2 span.hide{display:none}#fb-iframe{border:none;overflow:hidden;width:212px;height:102px;position:absolute;right:10px;top:20px}.hide{display:none}#menu{height:30px;border-bottom:1px solid #afaf9d;background:rgba(207,204,187,.8);box-shadow:inset -1px -2px 5px #afaf9d}#menu ul{text-align:center;margin:0;line-height:30px;font-weight:400;font-size:13px;list-style:none;display:block;padding:0}#menu ul li{display:inline;vertical-align:top;padding:0;height:30px;margin:0}#menu ul li a{text-transform:uppercase;color:#444442;line-height:30px;display:inline-block;margin:0 10px;font-family:Arvo}#menu .current-menu-item a,#menu ul li a:hover{color:#7b8d48;text-shadow:0 1px 0 rgba(255,255,255,.4)}#menu-item-20 a{width:30px;height:30px;font-size:0;overflow:hidden;background:url(images/home.png) 0 -30px no-repeat;vertical-align:top}#menu-item-20 a:hover,#menu-item-20.current-menu-item a{background-position:0 0}#content{background:#f9f8f1;overflow:hidden;padding:50px 0}#content .left{float:left;width:500px;padding:0 70px;border-right:1px dashed #dfddd2}#content .right{float:left;width:299px;padding:0}h1{font-family:Arvo,serif;font-size:36px;font-weight:400;margin:0 0 20px;text-transform:uppercase;letter-spacing:-.03em;line-height:1}h2{font-family:Arvo,serif;font-size:22px;font-weight:400;margin:26px 0 16px;letter-spacing:-.05em;line-height:1}#order{border:1px dashed #dfddd2;padding:20px;margin:20px -20px 0;background:#b5c894;overflow:hidden;position:relative}#order h2{margin:0 0 15px}#order label{font-size:12px;padding:5px 0 0}#order label small{font-size:10px}#order label.block{display:inline-block;width:182px;text-align:right;margin:0 5px 0 0;vertical-align:top}#order input[type=text],#order select,#order textarea{font-family:"lucida grande","helvetice neue",helvetica,arial,sans-serif}#order input[type=text],#order textarea{width:190px;padding:2px 4px;border:1px inset #b5c894;-webkit-border-radius:4px;margin:0 0 6px;font-size:14px;line-height:20px}#order input[type=text]:focus,#order input[type=text]:hover,#order select:focus,#order select:hover,#order textarea:focus,#order textarea:hover{background:#f3f9f0}#order #hakupv.error,#order #kuusi.error,#order #toimituspv.error,#order input[type=text].error{background:#e22;border-color:#c11}#order #address2{width:65px;margin-right:5px}#order #address3{width:110px;margin-right:5px}#order textarea{height:66px}#order select{width:198px;border:1px inset #b5c894;-webkit-border-radius:4px;margin:0 0 6px;font-size:14px;line-height:20px}#order select option:disabled{color:#999}#order #kuusi{width:328px;border:1px inset #b5c894;-webkit-border-radius:4px;background:#fff;font-size:14px;height:30px;line-height:22px;font-weight:400;margin:0}#order input[type=text]{width:190px;padding:2px 4px;border:1px inset #b5c894;-webkit-border-radius:4px;margin:0 0 6px;font-size:14px;line-height:20px}#order input[type=checkbox]{margin:0 6px 6px 0}#order input[type=radio]{margin:0 2px 6px 10px}#order a.nextstep{display:block;position:absolute;right:15px;bottom:20px;margin:0;width:161px;height:34px;overflow:hidden;text-indent:-9999px;background:url(images/button-jatka.png) no-repeat}#order a.nextstep:hover{background:url(images/button-jatka.png) 0 -34px no-repeat}#order a.order{display:block;float:right;clear:both;margin:0;width:161px;height:34px;overflow:hidden;text-indent:-9999px;background:url(images/button-tilaa.png) no-repeat}#order a.order:hover{background:url(images/button-tilaa.png) 0 -34px no-repeat}#order .small{font-size:10px;margin:10px 0 0;color:#565950}#order .hidden{width:500px;display:none;clear:both;float:left;padding:10px 0 0;margin:10px 0 0}#order fieldset{border:1px dashed #95a874;margin:0 0 20px;padding:15px}#order legend{font-family:Arvo,serif;font-size:16px;font-weight:400}#order .message{float:left;width:300px;border:1px solid #859864;background:#a5b884;font-size:14px;padding:4px;margin:3px 0 0;display:none}#order .message p{width:300px;margin:0 0 6px;display:block}#order .message.error{border:1px solid #c11;background:#e22;color:#200}#order .message.ok{border:1px solid #1c1;background:#2e2}#order #kuusenhakupv{display:none}#order.open .hidden{display:block}#order.open a.nextstep{display:none}#slider{width:299px;overflow:hidden;position:relative}#slider .content{width:9999px;overflow:hidden;position:relative;left:0}#slider .item{width:299px;float:left;overflow:hidden;padding:270px 0 0;position:relative}#slider .item img{margin:0;position:absolute;top:0;left:0;height:270px;max-width:300px}#slider .item .txt{padding:10px 40px;text-align:center;font-size:12px}#slider .item h2{font-size:16px;text-transform:uppercase;text-align:center}#slider .navi{clear:both;text-align:center;position:absolute;top:270px;left:0;right:0}#slider .navi .next,#slider .navi .prev{display:inline-block;width:13px;height:13px;background:url(images/nextprev.png) no-repeat;margin:5px}#slider .navi a{opacity:.6}#slider .navi a:hover{opacity:1}#slider .navi .next{background-position:0 0}#slider .navi .prev{background-position:0 -13px}#slider .navi .dot{display:inline-block;width:13px;height:13px;background:url(images/dot.png) no-repeat;margin:5px}#slider .navi .dot.active{background-position:0 -13px;opacity:1}#footer{background:#d9d8d1;border-top:7px solid #7b8d48;padding:20px;text-align:center;font-size:12px}#tilaa{width:860px;height:322px;margin:0 0 40px 40px;background:url(images/tilaa-bg-2014.jpg) no-repeat;color:#393933;position:relative}#tilaa .textcontent{width:300px;position:absolute;top:20px;left:40px}#tilaa h2{text-transform:none;font-size:24px;line-height:1.4}#tilaa a{display:block;margin:0;padding:0;width:112px;height:38px;background:url(images/tilaa-button.png) no-repeat;text-indent:-9999px;overflow:hidden}#tilaa a:hover{background-position:0 -40px}#tilaa .size{position:absolute;left:-999px;top:219px}#tilaa .size .info{background:#fff;font-family:Arvo;line-height:1.2;height:50px;margin-top:4px}#tilaa .size .info .height{font-size:16px}#tilaa .size .info .price{font-size:18px;font-weight:700}#tilaa .size1{left:270px}#tilaa .size2{left:417px}#tilaa .size3{left:564px}#tilaa .size4{left:711px}@media (max-width:960px){#fb-iframe{left:0;top:50px}#top #logo{position:absolute;margin-left:0;margin-top:0;top:0;left:0;width:100%;height:100%;background:url(images/logo.png) center center/250px no-repeat}#togglemenu{display:block;position:absolute;left:0;top:0;right:0;padding:1em;background:#7b8d48;color:#fff;text-align:right;text-transform:uppercase}#togglemenu:hover{background:#5b421c}#togglemenu .bar{display:inline-block;background:#fff;height:3px;width:20px;margin:2px 0 2px 10px;float:right;clear:right}#menu{height:0}#menu #menu-navi{display:none}#menu{position:absolute;left:0;top:0;right:0}#menu ul{margin:45px 0 0;line-height:30px;font-weight:400;font-size:13px;list-style:none;display:block;background:#fff;padding:15px 0}#menu ul li{display:block}#menu ul li a{display:block;margin:0}#menu-item-20 a{width:100%;display:block;background:url(images/home.png) center -30px no-repeat}#menu-item-20 a:hover,#menu-item-20.current-menu-item a{background-position:center 0}h1{font-size:28px}h2{font-size:18px}#content{padding:50px 0}#content .left{float:none;width:100%;padding:0 4%;border-right:none;box-sizing:border-box;-moz-box-sizing:border-box}#content .right{float:none;width:299px;padding:0;margin:0 auto}#slider{width:299px;overflow:hidden;position:relative;margin:3em auto 0;border-top:2px solid #dfddd2}#order *{box-sizing:border-box;-moz-box-sizing:border-box}#order{border:1px dashed #dfddd2;padding:10px;margin:20px 0 0}#order label.block{display:block;width:100%;text-align:left;margin:0 0 2px;vertical-align:top}#order input[type=text],#order select,#order textarea{width:100%}#order #address2{width:33%;margin-right:3%}#order #address3{width:64%;margin-right:0}#order #kuusi,#order input[type=text],#order select{width:100%}#order input[type=checkbox]{margin:0 6px 6px 0}#order input[type=radio]{margin:0 2px 6px 10px;float:left;clear:left}#order input[type=radio]+label{float:left}#order .hidden{width:100%}#order fieldset{padding:10px;width:100%}#kuusenhakupv label,#toimitusajankohta label{float:left;vertical-align:middle}#kuusenhakupv input[type=radio],#toimitusajankohta input[type=radio]{margin:5px 7px 6px 0}#tilaa{width:94%;height:auto;margin:0 auto 20px;background:#fff;color:#393933;position:relative;border:5px solid #7b824c;padding:20px;box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden}#tilaa .textcontent{width:100%;position:relative;top:0;left:0}#tilaa h2{text-transform:none;font-size:24px;line-height:1.3;margin-top:0}#tilaa .size{position:relative;top:0}#tilaa a{float:left;clear:left}#tilaa .size .info{float:left;margin:2px 0 0 5px}#tilaa .size .info .height{font-size:14px}#tilaa .size .info .price{font-size:16px}#tilaa .size1,#tilaa .size2,#tilaa .size3,#tilaa .size4{left:0}}