/* Extra style stuff */

html, body { font-family: 'Josefin Sans', helvetica, arial, sans-serif; font-size: 16px; line-height: 160%; font-weight: 300; color: #555;}




/* Headings */

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 { color: #017dc3; font-family: 'Josefin Sans', helvetica, arial, sans-serif;}

h1 { font-size: 80px; font-weight: 200; padding-bottom: 30px; margin-bottom: 20px; border-bottom: #dedede 1px solid; }  
h2 { font-size: 36px; font-weight: 300;} 
h3 { font-size: 21px; line-height: 34px; font-weight: 300; text-transform: uppercase; padding-bottom: 30px; margin-bottom: 25px; margin-top: 25px; border-bottom: #dedede 1px solid; } 
h4 { font-size: 18px; text-transform: uppercase; margin-top: 1em; color: #6f6f6f; } 

.etusivu h2 { border-bottom: 1px solid #77acca; padding-bottom: 14px; margin-bottom: 14px; padding-top: 20px;}



/* Layout */

.Main {margin-top: 30px;}



/* Misc. */
.lead {font-size: 24px; line-height: 150%; color: #222222; font-weight: 200; border-bottom: 1px solid #e2e2e2; margin-bottom: 15px; padding-bottom: 15px;}

hr { margin-top: 45px; margin-bottom: 35px; height: 20px; }


a {color: #017dc3;}
a:hover {color: #2fa1e3; text-decoration: none;}

p {
  margin: 0 0 15px;
}

/* Gradient border */

.Gradient-Border { width: 100%; height: 10px; background: #47b1ec; /* Old browsers */
background: -moz-linear-gradient(left,  #47b1ec 0%, #017dc3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#47b1ec), color-stop(100%,#017dc3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #47b1ec 0%,#017dc3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #47b1ec 0%,#017dc3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #47b1ec 0%,#017dc3 100%); /* IE10+ */
background: linear-gradient(to right,  #47b1ec 0%,#017dc3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b1ec', endColorstr='#017dc3',GradientType=1 ); /* IE6-9 */
}




/* Frontpage Carousel */

.inner-shadow { -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);}

.carousel {height: 30%; min-height: 290px; margin-bottom: 2em;}
.carousel-caption { left: 10%; right: 10%; top: 0; text-shadow: none; margin: 0 auto; max-width: 760px; }
.carousel-caption h1 { margin-top: 10px;line-height: 110%; font-weight: 200;}
.carousel-caption p { font-size: 18px; font-weight: 300; line-height: 140%;  padding: 10px 0 20px;}
.carousel-caption .btn { font-size: 18px; letter-spacing: 2px; text-transform: uppercase; padding: 2px 7px; border: 1px solid #7fbbdf; }

.carousel-inner .fill {-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.3);}
.alasivu .carousel {height: 20%;}




/* Header */

header  { height: 250px; }
header #Logo { width: 180px;  margin-top: 25px; }



/* Navigation */

.navbar .Ajanvaraus { font-size: 18px; font-weight: 300; color: #fff; background: #017dc3; padding: 7px 12px 9px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  }
.navbar .Ajanvaraus span, .btn span { margin-right: 5px; margin-top: 2px;}

.navbar a {font-size: 19px; font-weight: 300;   }
.nav>li>a { padding: 10px 15px; }

.navbar  { background: #fff; border: none !important; z-index: 1000; display: inline-block; margin: 0 auto; float: none;
}
.navbar-brand { height: auto; padding: 0 15px; }
.navbar-right {  }
.navbar-toggle { margin-top: 55px; }

.nav > li { float: left; }


/* Secondary Navigation */
.Secondary-Nav { position: absolute; top: 0; right: 0; width: 400px; height: 45px;}
.Secondary-Nav a { float: right; margin-left: 20px;}
.Secondary-Nav .Kieli { font-size: 14px; padding: 8px 5px; text-transform: uppercase; }



/* Buttons */

.btn { font-size: 17px !important; font-weight: 300; padding: 2px 8px; }
.btn-primary { background-color: #017dc3; border: none; padding: 8px 14px; }
.btn-primary:hover { background-color: #2fa1e3;}

.btn-default { border-color: #a2cde6; color: #017dc3; font-weight: 300;    }

.btn-default:hover { border-color: #017dc3;  color: #0c6699;  background: #fff;    }



/* Alasivu */

.MainHeading {
background: #47b1ec; /* Old browsers */
background: -moz-linear-gradient(left,  #47b1ec 0%, #017dc3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#47b1ec), color-stop(100%,#017dc3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #47b1ec 0%,#017dc3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #47b1ec 0%,#017dc3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #47b1ec 0%,#017dc3 100%); /* IE10+ */
background: linear-gradient(to right,  #47b1ec 0%,#017dc3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b1ec', endColorstr='#017dc3',GradientType=1 ); /* IE6-9 */
}

.MainHeading h1 { color: #fff; margin-bottom: 30px; margin-top: 25px;
}

ul.ListLines  {padding-left: 0; max-width: 500px; margin-bottom: 30px;}
ul.ListLines li {list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: #dedede 1px solid; }


.logo {float: left; margin-right: 30px; margin-bottom: 30px;}
.logo img { height: 80px;}

/* Footer */

footer p {font-size: 13px; color: #c2c2c2; text-align: center; font-style: italic;}
footer a { color: #c2c2c2; }

.VaraaAika {margin-top: 80px;}