@charset "UTF-8";
/* CSS Document */

html {}

body {padding: 25px 0 0 0; margin: 0; height: 100%; color: #5b5e63; font-family: 'Titillium Web', Tahoma, sans-serif;}

img {max-width: 100%;}

p {font-size: 14px; line-height: 20px; color: #5b5e63; font-family: 'Titillium Web', Tahoma, sans-serif;}

a {color: #023d8b; text-decoration: none;}
a:hover {color: #023d8b; text-decoration: underline;}

.search {float: right;}

.navbar .currentpage {background: #023d8b; color: white;}
.navbar .currentpage a {color: white;}

.navbar .activeparent {background: #023d8b; color: white;}
.navbar .activeparent a {color: white;}

.navbar-nav {margin-top: 6px; margin-right: -10px; float: right; font-size: 15px; font-weight:300; text-transform:uppercase;}
.navbar {margin-bottom: 10px !important;}
.navbar-header {padding-right: 30px;}

.nav > li > a {color: #42464c; padding-top:2px !important; padding-bottom:2px !important; padding-right: 12px !important; padding-left: 12px !important;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none;background-color: #023d8b !important;color: white; padding-top:2px !important; padding-bottom:2px;}

.navbar-toggle {background: #005099; color: white; margin-right: 0px !important; padding: 10px 35px 10px 35px !important;
border-radius: 3px !important; font-size: 16px; font-weight: normal;
background: -webkit-linear-gradient(#005099, #00498b); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#005099, #00498b); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#005099, #00498b); /* For Firefox 3.6 to 15 */
background: linear-gradient(#005099, #00498b); /* Standard syntax */
border: 1px solid #00498b;}
.navbar-toggle:hover, .navbar-toggle:focus {background: #00498b;}

h1,h2,h3,h4 {margin-top: 0px; font-weight: normal; margin-bottom: 25px; font-family: 'Titillium Web', Tahoma, sans-serif;}

h1 {font-size: 30px; line-height: 30px; overflow: hidden; font-weight: 300;}

h1:after {left: 1em;margin-right: -100%;}
h1:after {background: url('../../uploads/images/layout/h1_bg.png') repeat-x; content: "";display: inline-block;height: 13px;position: relative;vertical-align: middle;width: 100%;}

h2 {font-size: 21px; line-height: 24px; font-weight: 300;}
.etu h2 {margin-top: 20px; margin-bottom: 15px;}
.etu {padding-bottom: 40px;}

h3 {font-size: 21px; line-height: 24px; font-weight: 300;}
.ala h3 {margin-top: 30px; margin-bottom: 15px;}
h4 {font-size: 13px; line-height: 18px; font-weight: 300;}

.yritys h3  {color: #bababb; font-weight: 200; margin-top: 25px; margin-bottom: 20px;}
.yritys a  {color: #bababb;}
.yritys .bluebtn {margin-top: 20px !important;}

.bluebtn {background: #005099; text-align: center; padding: 5px 20px 5px 20px; color: white !important; margin-top: 20px; border-radius: 3px !important; font-size: 16px; font-weight: normal;
background: -webkit-linear-gradient(#005099, #00498b); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#005099, #00498b); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#005099, #00498b); /* For Firefox 3.6 to 15 */
background: linear-gradient(#005099, #00498b); /* Standard syntax */
border: 1px solid #00498b;}
.bluebtn:hover {color: white !important; background: #01396b;}

.yhteistyossa {padding-bottom: 50px;}
.yhteistyossa img {margin-left: 15px; margin-right: 15px;}

footer {background: url('../../uploads/images/layout/footer_bg.png') repeat #454950; padding: 0 0 0 0; color: #FFFFFF;}
footer p {color: #FFFFFF;}
footer h3 {color: #FFFFFF; font-weight: 300; margin-bottom: 15px;}
footer a {color: #FFFFFF;}
footer a:hover {color: #FFFFFF; text-decoration:underline;}
footer .padding {padding: 40px 0px 50px 0px;}

.copy {font-size: 12px; padding: 10px 0 70px 0; color: #959698; border-top: 1px solid #959698;}
.copy a {color: #959698;}

.sisalto {margin-top: 40px; margin-bottom: 40px;}

.kuva {padding-bottom: 45px;}

.lisatieto p {border-bottom: 1px solid #e1e1e1; padding: 5px 0 15px 0;}

.row {margin-bottom: 10px;}

.no-margin {margin-bottom: 0px !important;}

.yritys {
background: url('../../uploads/images/layout/footer_bg.png') repeat #454950; padding: 0 0 0 0; color: #FFFFFF; margin-top: 1px;
}


.karuselli{
background: url('../../uploads/images/layout/karuselli_tausta.jpg') no-repeat center top; padding: 0 0 0 0; 
}

.tuotteet {
margin-top: 30px;
}

.liput {
margin-right: 20px; margin-top: 5px; float: right;
}
.logot img {margin: 15px;}

.carousel {color: white; margin-bottom: 0px;}
.caption {color: #3a3d41; position: absolute; top: 0; right: 0; padding: 8% 8% 3% 3%; width: 42%;}
.caption p {color: #3a3d41; font-size: 18px; line-height: 28px; margin-bottom: 20px; font-weight: 300 !important; font-family: 'Titillium Web', Tahoma, sans-serif;}

ul.sivunavi {border: 1px solid #e1e1e1; margin: 0 !important; padding: 0 !important;}

ul.sivunavi li {background: url('../../uploads/images/layout/sivunavi_bg.png') no-repeat right center; border-bottom: 1px solid #e1e1e1; display: block; cursor:pointer;}

ul.sivunavi li:hover {display: block; background: #023d8b url('../../uploads/images/layout/sivunavi_bg_white.png') no-repeat right center; color: #ffffff;}

ul.sivunavi .currentpage {display: block; background: #023d8b url('../../uploads/images/layout/sivunavi_bg_white.png') no-repeat right center; color: #ffffff;}

ul.sivunavi a {display:block; padding: 10px 16px; color: #000000; text-decoration: none; font-size: 16px; font-weight:300; font-family: 'Titillium Web', Tahoma, sans-serif;}

ul.sivunavi a:hover {color: #ffffff; text-decoration: none;}



/* RESPONSIVE */

@media (max-width: 1199px) {
.yritys h3  {font-size:19px;}
.yhteistyossa img {margin-bottom: 15px;}
.etu h2 {font-size: 20px;}
.caption p {font-size: 17px; line-height: 24px;}

}

@media (max-width: 991px) {
.caption p {font-size: 15px; line-height: 20px;}
.yritys h3  {font-size:18px; line-height: 22px;}
.navbar-nav {float: left; width: 100%;}
.yritys .bluebtn {margin-top: 32px !important;}

.carousel-control.left {
    background: url("../../uploads/images/layout/carousel_left_small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 40px;
    width: 39px;
}

.carousel-control.right {
    background: url("../../uploads/images/layout/carousel_right_small.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 40px;
    width: 39px;
}

.caption {
    padding-top: 5% !important;
}

}


@media (max-width: 767px) {
.navbar-nav {float: none; width: 100%;}
[class*="col-"]{margin-bottom: 15px;}
p {font-size: 18px; line-height: 24px; }
footer .padding {padding: 20px 0px 20px 0px;}
.liput {
margin-left: 20px; margin-top: 15px; float: left;
}
footer .padding {padding: 20px 0px 0px 0px;}
.copy {padding: 20px 0 50px 20px;}
.navbar {margin-bottom: 0px !important;}
.navbar-header {padding-right: 3px;}
.yritys .bluebtn {margin-top: 5px !important;}
}

@media (max-width: 480px) {

}	




/* CLEARFIX */

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}

.clear {width: auto; clear: both; margin: 0; padding: 0; height: 0;}
/* Stylesheet: wiscom Modified On 2014-07-28 19:40:07 */