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

/*
 * Nioras
 * 2014
 *
 * style.css
 *
 *
 */

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

/* Reset */

html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td{margin:0;padding:0}
img{border:0}
ol,ul,dl{list-style:none}

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

/* HTML5 */

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,mark,time{display:block}

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

/* Global */

html,body{height:100%}
body{color:#3F2220;font-family:sans-serif;font-size:100%}
p{margin-bottom:20px}
a{text-decoration:none;color:inherit}
a:hover{}
h1{color:#B66B16;font-size:1.6em;margin-bottom:20px;text-transform:uppercase}
table h1{font-size:1em;margin-bottom:0}
h2{}
h3{}

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

/* Header */
.spacer{padding-top: 3rem}
h1.logo{background:url(img/logo.png) no-repeat;text-indent:-9999px;width: 100%;padding-top: 50%;background-size:contain}
a#ajanvaraus{background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 0 3px 3px rgba(0,0,0,0.1);color:#3F2220;display:block;font-size:0.81em; /* 13 / 16 */font-weight:bold;line-height:41px;position:fixed;right:0;text-align:center;top:0;width:155px;z-index:10}

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

/* Main menu */

ul#main-navi{z-index:10;width: 80%}
ul#main-navi li{display:inline-block;width: 25%}
ul#main-navi li a{background:#fff;border-radius:5px;box-shadow:0 0 3px 3px rgba(0,0,0,0.1);color:#3F2220;display:block;font-size:23px;font-weight:bold;line-height:41px;text-align:center;margin: 11px}
ul#main-navi a:hover{}
ul#main-navi li.selected a{}

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

/* Content */

div.wrap{height:100%;margin:0 auto;position:relative;width:960px}
div.page{height:100%;min-height:100%;position:relative;width:100%}
div.logo-wrp{max-width: 62.8%;margin: 0 auto}
div#etusivu{background:url(img/bg_etusivu_2.jpg) center center no-repeat;background-size:cover}
div#avoinna{background:url(img/bg_avoinna.jpg) center center no-repeat;background-size:cover;z-index:1}
div#hinnasto{background:url(img/bg_hinnasto.jpg) center center no-repeat;background-size:cover;height:auto;padding:50px 0}
div#tiimi{background:url(img/bg_tiimi.jpg) center center no-repeat;background-size:cover}
div.address{background:url(img/bg_transwhite.png);border-radius:5px;bottom:100px;font-size:0.81em; /* 13 / 16 */font-weight:700;position:absolute;left:130px;line-height:32px;text-align:center;width:700px}
div.address img{vertical-align:middle}
div.some-links{position: absolute;bottom: 0;width: 100%;text-align: center;padding-bottom: 1rem}
img.some{width: 48px;height: 48px;margin: 0 24px}
a.facebook{background:url(img/facebook.png) no-repeat;display:block;float:left;height:14px;overflow:hidden;text-indent:-9999px;width:14px}
div.avoinna{background:url(img/bg_transwhite.png);border-radius:5px;height:200px;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;padding:90px;text-align:center;width:700px}
div.col-2{float:left;width:50%}

/* div.col-2-2 { padding-top: 50px; } */
table{border-collapse:collapse}
td{padding-right:5%;vertical-align:top;width:35%}
td:first-child{padding-right:5%;vertical-align:top;width:75%}
div.tiimi{background:url(img/bg_transwhite.png);border-radius:5px;height:460px;margin:auto;padding:10px 0;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;width:700px}
div.tiimi h1{margin-bottom:10px}
div.tiimi a{background:#fff;border-radius:5px;bottom:0;box-shadow:0 0 3px 3px rgba(0,0,0,0.1);color:#3F2220;display:block;height:33px;font-size:0.81em; /* 13 / 16 */font-weight:bold;line-height:33px;padding:0 10px;position:absolute;text-align:center}
div.tiimi a#paivi{bottom:0;left:117px}
div.tiimi a#elisa{bottom:0;left:242px}
div.tiimi a#iiris{bottom:0;left:390px}
div.tiimi a#meris{bottom:0;left:567px}
div.tiimi img{margin-bottom:10px;max-width:700px}

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

/* Footer */

footer{}

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

/* Form */

form{}
label{}
input,select,textarea{}
input,select{}
textarea{}
div.popup input[type=submit]{}

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

/* Misc */

div.clear{clear:left;height:1px}
div.message{background:#E5FAFF;border:1px #D6D6D6 solid;display:none;font-style:italic;margin:10px 0 0 0;padding:10px 20px}
div.important{display:none}
div#popup-bg{background:#000;display:none;left:0;position:absolute;top:0;z-index:19}
a img{border:0}
@media only screen and (max-width:1024px){
	div.logo-wrp{max-width:48.8%}
}
@media only screen and (max-width:960px){
	div.wrap{width:100%}
	a#ajanvaraus{position:absolute;right:5px}
	ul#main-navi{width: 100%}
	ul#main-navi li{width: 50%}
	div.address{left:5%;padding:0 5%;width:80%;font-size: 17px}
	div.avoinna{padding:40px 0;width:95%}
	div.col-2{float:none;margin:0 auto;width:90%}
	div.col-2-2{padding-top:20px}
	td{padding-right:0;width:25%}
	td:first-child{padding-right:5%;width:75%}
}
@media only screen and (max-width:768px){
	ul#main-navi li a{font-size: .81em}
}
@media only screen and (max-width:700px){
	h1{font-size: 1.4rem}
	div.logo-wrp{max-width:100%}
	div.tiimi{width:100%}
	div.tiimi img{height:auto;width:100%!important}
	div.tiimi a{bottom:auto!important;left:auto!important;margin:0 auto 10px auto;position:relative;width:90%}
}
@media only screen and (max-width:544px){

}
@media only screen and (max-width:480px){
	ul#main-navi li a{width:calc(100% - 22px)}
	a#ajanvaraus{width:120px}
}