html, body {width: 100%; margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:13px; font-style:normal; font-weight:300; color: #000; background:#172a38} /*height: 100%;*/
img{max-width:100%; height: auto;}
img.img-responsive{max-width:100%; height: auto; display:block; min-width:35px;}

div#headerbg{left:0; top:0; width:100%; z-index:998; height:130px; position:fixed; background:#172a38; box-shadow: 0 3px 5px 0 rgba(102, 174, 194, .2);}
div#header{left:0; top:0; width:100%; z-index:999; height:130px; position:fixed;}
div#centerHeader{width:90%; margin:0 auto; height:130px;}
div#header div#header-logo{padding-top:1em; float:left;}
div#header div#header-logo img{max-height:105px;}
div#header div#header-logo a{text-decoration:none;color:white;}
div#header div#header-logo span{}
div#header div#header-logo a div{float:right; font-size:2.5em; line-height:.65em;}
div#header div#header-logo-text{padding-top:1.6em;}
div#header div#header-logo-text span{font-size:.6em;}
div.smaller-logo-text{padding-top:.75em !important;}
div.smallerheader{height:90px !important;}

div#karusellibg{margin-top:130px}
div#karuselli{margin:0; padding:0; background:#f2f2f4;}

div#webshobnavi{display:block; float:right; margin-top:2.4em;}
div.smaller-webshobnavi{margin-top:.4em !important;}
div#webshobnavi div.webshobcart{background: transparent url(../images/cart_ico_2.png); height:30px; width:30px; text-align:center; font-size:14px;}

a.navimenu {background:transparent url(../images/menubar.png) no-repeat; width:50px; height:50px; float:right;}

div.centerContainer{width:90%; margin:0 auto;}
div.centerContainerMin{width:60%; margin:0 auto;}

div#container{margin-top:0px; background:#f2f2f4;}
div#content{padding:3em 0 2em 0;}

div.darkgray{background:#e4e4e4;}
div#footer{width:100%; min-height:80px; padding-top:10px; padding-bottom:10px;}
div#footer div.footertiedot{padding-top:1em; border-bottom:1px solid #45525f;}
div#footer div.footertiedot span{margin-right:1em;}

.mobileshow{display:none;}
.mobilehide{}

ul.slides{list-style-type:none; margin:0; padding:0;}


div.cols1-3{width:33.33%; float:left;}
div.cols2-3{width:66.66%; float:left;}
div.margin1em{margin:1em;}
div.c{clear:both;}

div.listnewrow{float:left; padding-right:3px;}


/*************************************************************************************************************
*
*************************************************************************************************************/
div.etusivuInfoBox{padding-bottom:3em;}

div.cols1-2{float:left; width:50%;}

table.infotable tr td{vertical-align: top;}
table.infotable tr td:first-child{padding-right:2em;}
table.infotable tr td h3{margin: 5px 0 0 0; font-size:20px; color:#e47204}

table.tilaajantiedot{width:80%;}
table.tilaajantiedot tr td:first-child{width:20%;}
table.tilaajantiedot tr td input.text{width:100%;}

div.message{padding: .7em 1em;
    font-size: 1em;
	background: #c3d3d8;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    border: .1em solid #e7eaeb;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.55);
	margin-bottom:2em;
}




/*************************************************************************************************************
*
*************************************************************************************************************/
h1{margin-top:0; font: normal 24px/22px Open Sans;}
div#footer{color:white;}
div#footer span.sitename{font-size: 18px; font-weight:bold;}
div.footertiedotcopy{margin:5px 0 15px 0; font-size:10px;}

[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}

/*************************************************************************************************************
*
*************************************************************************************************************/
form label{display:block;}
input[type="text"]{width:80%;}
input[type="text"], input[type="search"], input[type="tel"], input[type="email"], input[type="number"], input[type="password"], textarea, input[type="submit"] {
    margin: 0 0 .6em 0;
    padding: .3em .4em;
    background: fff;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.05);
    border: .1em solid #dfe0de;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
}

input[type="submit"]{
    cursor: hand !important;
    cursor: pointer;
    padding: .7em 1em;
	text-transform: uppercase;
	font-weight: 700;
    font-size: 1em;
	background: #c3d3d8;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    border: .1em solid #e7eaeb;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.55);
}

a.button{margin-top:1em;padding:.6em 2em .6em 2em; background:#7dbfd7; color:white; font-weight:bold; text-decoration:none; border-radius:5px; font-size:14px;}
a.button:hover{background:#76b4ca;}