.majakkah1 {
   font-family: 'Walter Turncoat', cursive;
   font-weight:bold;
   color: #f68a39 !important;
   font-size: 3.3em !important;
   line-height:1.0em !important;
   text-shadow: 0px 1px 10px #fff !important;
   margin-bottom:0.4em !important;
}

.majakkadiv {
   text-align:center;
   font-family: 'Walter Turncoat', cursive;
   font-weight:bold;
   font-size:2.0em;
   line-height:1.0em !important;
   text-shadow: 0px 1px 6px #fff !important;
   margin-bottom:1em !important;
}

.navbar-header {
   padding-right:10px;
}

/* Siirretty page.css */
@media (max-width: 1200px) {
  .divbody {
    margin-top: 0px !important;
  }   
}

.palvelu {
   padding-left:20px !important;   
}


/*rivinpiirto.css:n yliajo */
h3  {
   color: #000;
   font-family: 'Montserrat', sans-serif;
   font-size:1.2em;    
   font-weight:bold;
   padding-top:20px;
}

a {
   color:#375695;
}

.breadcrumb > .active {
  color: #666;
  font-size:1em !important;
}

/*rivinpiirto.css:n yliajo */
.sislinkki a {
   font-size:1em;
}

.yritys {
   font-family: 'Montserrat', sans-serif;
   text-align:center;
   color:#fff;
   font-size:32pt;
   text-shadow: 0px 1px 6px #000;
   margin-top:5%;
}

.esittely {
font-family: 'Montserrat', sans-serif;
   text-align:center;
   font-size:18pt !important;
   color:#fff !important;
   padding-top:10px;
   padding-bottom:10px;
   text-shadow: 0px 1px 2px #000;
}

.myButton {
   color:#fff !important;
   background-color:#3c3c3c;
   font-family: 'Montserrat', sans-serif;
   font-size:1.5em !important;
   padding:0.5em 2em 0.5em 2em;
   margin-top:20px;
   text-shadow:1px 1px 3px #333;
}
.myButton:hover {
	background-color:#f38838;
	color:#ffffff;
   text-decoration:none;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton2 {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #f2862c 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #f2862c 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #f2862c 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #f2862c 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #f2862c 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#f2862c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:20px 35px;
	text-decoration:none;
	text-shadow:0px 1px 0px #333;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton2:active {
	position:relative;
	top:1px;
}



.wellxxx {
   padding-right:20px;
   margin-top:10px;
}


/* yliajo.css */
body {
   font-family:'Arial';
   padding-top:45px;
   margin-right: 0 !important;
   margin-left: -8px!important;
   background: #f4f4f4;
}   
/* yliajo.css */
.body-kirjautunut {
   padding-top:95px;
   margin-right: 0 !important; 
   margin-left: -8px!important;
   background: #f4f4f4;
}


figure {
   background:#fff !important;
   border:0px !important;
}

figcaption {
   font-size:0.8em !important;
}

.jumboLeft {
     margin-left: 0em!important; 
}

.sidebar-page {
   color:#555 !important;
   padding:3px 0px 3px 10px !important;
}

/* yliajo.css */
.murupolku {
   background-color:#fff;
   color:#000;
   font-size:0.8em !important;
}

.murupolku a, murupolku a:visited {
   color:#23527c;
}

.murupolku a:hover {
   color:#000;
}
/* yliajo.css */
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 400px;
}

#contentFrontPage {
   padding-top:0px;
}

#content {
   padding-top:20px;
}

.tarinakuva {
   margin-top:10px !important;

}

.tarina {
   margin:0px;
   text-align:center;
}

.tarina a {
   font-size:1.3em;
   font-family: 'Montserrat', sans-serif;   
   font-weight:bold;
   text-transform:uppercase;
   color:#000;
   text-decoration:none;
}

.sidebarrightheader {
   font-size:1.3em;
   border-bottom:1px solid #dcdcdc;
} 

.sidebarrightheader a {
   border-bottom:0px;
   text-decoration:none;
}

.sidebarrightinfo {

}



.sidebarrightrow {
  border-bottom:1px solid #dcdcdc;
  padding-bottom:4px;
  padding-top:7px;
  
}

.sidebarrightrow a {
   vertical-align:middle;
}

.sidebarRightoma {
   margin-bottom:1em;
}

.PageDownInfo {
   background-color:#333;
}

.jumbotron {
   background-color: #fff;
}

.jumbotron .control-group {
   font-size:12pt;
}

.mar-top_30{
   margin-top:30px;
}

/* yliajo.css kirjautumiskentta */
.fs {font-size:0.8em;}

.pageeditlogprint-link {
   font-size:0.8em!important;
   color:#337ab7!important;
   text-decoration:none;

} 

.tekniset-tiedot-td {
   font-size:1em !important;
}

.pageeditlogprint {
   margin-bottom:10px !important;
} 

.jumbotron-sisalto {
   font-size:0.8em!important;
    min-height: 300px !important;
}

/* Isolla näytöllä tarvitaan vähemmän marginia carousellin yläpuolelle */

/* Näyttö > 1024px */
@media (min-width: 1024px) {
   #myCarousel {
      margin-top:0.4em;
   }
} 

/* Näyttö > 1024px and landscape */
@media 
  (min-device-width: 1024px) 
  and (orientation: landscape) { 
   #myCarousel {
      margin-top:0.4em;
   }
   .row {
      margin-left:-8px;
   }
}

/* 786 px < Näyttö < 1000px */
@media (min-width: 768px) and (max-width:800px) {
   #hakudiv {
      margin-bottom:3em;
      width:100%;
      padding-right:0;
      margin-right:0;
   }
   #haku {
      padding-right:0;
      margin-right:0;    
   }
} 

/* Näyttö < 1000px */
@media (max-width: 1000px) {
   .row {
      margin-left:-8px;
      margin-right:0px;
   }
} 

.checkbox-label-oma {
   font-weight: bold !important;
}


div.tiedotepvm2 {
    color: #a0a0a0;
    font-weight: normal;
    font-size:0.8em;
}

.container_picture {
    padding-right: 0px;
    padding-left: 0px;
}

.shadow {
    box-shadow: 1px 1px 30px #e3e3e1;
}

.navbar-inverse {
    background-image: linear-gradient(to bottom, #404040 0%, #404040 100%);

}


.dropdown-menu a {
   color:#000!important;
}

.brand {
    font-size: 1em !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    margin-left:0px!important;
    margin-right:10px;
}

.nav > li > a {
    padding-left:10px;
    padding-right:10px;
    font-weight: normal;
    font-size: 1.0em;
}

h1 {
   font-size:2.2em !important;
   color:#000 !important;
   line-height:1.3em!important;
   font-family: 'Montserrat', sans-serif;
}

h2 {
   font-family: 'Montserrat', sans-serif;
   margin-top:20px!important; 
   margin-bottom:0px;
   color:#000!important;
   font-size:1.5em;
   font-weight:normal;
}

.bg-black {
   background-color:#fff !important;
}

label {
   font-weight:normal !important;
}

form.lomake input {
   margin-left:0 !important;
}

form.lomake label {
   margin-left:0 !important;
}
 
 
.sidebarrightheader {
    font-family: 'Montserrat', sans-serif;
   font-weight:bold;
}

.jumboLeftFrontPage {
   padding-left:0.5em!important;
}

.varjostus {
   text-shadow: 0px 1px 4px #fff;
}

.bg-l-grey {
   padding: 0px 0px 0px 0px;
}

.bg-d-grey {
   background-color:#333;
   padding:30px 0px 30px 0px !important;   
}

.bg-d-grey p {
   color:#f0f0f0 !important;
   line-height:1.6em;
   padding-left:20px;
}

.bg-d-grey a {
   color:#f7913c;
}

.white {
   color:#fff !important;
   padding-right:10px;
}

.bg-l-green {
   background-color:#e3e8e8;
   padding:30px 0px 30px 0px;
}

.bg-l-blue {
   background-color:#c3cedb;
}

.bg-d-blue {
   background-color:#2a476a;
}

.bg-d-blue h1, .bg-d-grey h1 {
   margin-top:50px;
   color:#fff!important;
   text-align:center;

}

.bg-d-blue h3, .bg-d-grey h3 {
   color:#fff!important;
   font-family: 'Montserrat', sans-serif;
   font-weight:normal;
   padding-left:20px;
}

.bg-d-blue h3 {
   text-align:center;
}

.bg-d-blue a {
   color:#fff!important;
   text-decoration:underline;
}

.bg-d-blue p {
   color:#fff!important;
   text-align:center;
   font-size:0.9em!important;
}

.bg-turquoise {
   background-color:#3e8a9a;
}


.jumbotron p {
   font-size: 1em!important;
    font-weight: 300;
    line-height: 1.4em;
}

p {
   font-size:1.0em!important;
}

td {
   font-size:1.0em!important; 
   padding:5px;  
}

.checkbox-label-oma {
   font-weight: bold !important;
}

/*HALLINTOPANEELIN MUOKKAUS*/

.control-panel {
   width:100%;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,f0f0f0+0,e0e0e0+99,e0e0e0+100,2989d8+100 */
      background: #1e5799; /* Old browsers */
      background: -moz-linear-gradient(top,  #1e5799 0%, #f0f0f0 0%, #e0e0e0 99%, #e0e0e0 100%, #2989d8 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  #1e5799 0%,#f0f0f0 0%,#e0e0e0 99%,#e0e0e0 100%,#2989d8 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  #1e5799 0%,#f0f0f0 0%,#e0e0e0 99%,#e0e0e0 100%,#2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#2989d8',GradientType=0 ); /* IE6-9 */
}

.control-bar {
   width:550px;
   margin:0 auto;
}


.julkisivulogo {
   text-align:left;
}

.logokuva {
   padding-top:5px;
   padding-right:10px;
}

.shortcut {
   padding-top:10px;
   text-align:right;
}

.row {
  margin-left:0px!important;
}     

.logout {
   text-align:right;
   padding-top:15px;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a { 
   background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
   box-shadow: inset 0 0px 0px rgba(0, 0, 0, .25);
}  

.pad-control-list-head {
   font-size:1.1em!important;
   font-family:'Arial', Helvetica, sans-serif!important;
}

.breadcrumb {
   margin-bottom: 0px!important;
}
  
.active {
    font-size: 0.7em!important;
}

span.inactive {
   font-size:0.7em!important;
}

ul.nav-tabs li.active a, ul.nav-tabs li.active {
   font-size:12pt;
}

control-label {
   font-size:12pt!important;
}


/*MOBIILIPUOLI*/

.navbar-new {
   background-color:#f0f0f0!important;
}

.navbar-new .navbar-brand, .navbar-new .navbar-brand:hover, .navbar-new .navbar-brand:focus {
   font-family:'Arial'!important;
   text-shadow:none !important;
}

.navbar-inverse .navbar-brand {
   color:#fff;
   text-transform:uppercase;
}

#example-navbar-collapse > ul {
    background-color:#f0f0f0;
}

.navbarlink a {
   font-family:'Arial' !important;
   color: #c3c3c3 !important;
   font-size:1em !important;
   font-weight:normal !important;
   text-transform:none;
}

@media (min-width: 600px) and (max-width:900px) {
   .ylakuva {
      background-image:url("../../assets/images/Projektikuvat/keskikuva.jpg") !important;
      background-size:cover !important;
      height:380px;
   }

} 

@media (min-width: 900px) {
   .ylakuva {
      background-image:url("../../assets/images/Projektikuvat/isokuva.jpg") !important;
      background-size:cover !important;
      height:380px;
   }
}

@media (max-width: 600px) {
   .ylakuva {
      background-image:url("../../assets/images/Projektikuvat/pienikuva.jpg") !important;
      background-size:cover !important;
      height:380px;
   }
   h1 {
      font-size:1.4em !important;
      color:#000 !important;
      text-align:center !important;
      line-height:1.3em!important;
      font-family: 'Montserrat', sans-serif;
   }
   
   .majakkah1 {
      font-size:2.8em !important;
   }

}


.PAAVALIKKO a {
   font-family: 'Montserrat', sans-serif;
   font-weight:bold;
   font-size:1.3em;
}

.navbaractive a {
   color:#fff!important;
}

 .navbar-new .navbar-nav > li > a {
   background-color:transparent;
 }
 
.ylakuvaeditori_active {
   margin-bottom:10em;
}
 
 /* HYPPIVÄN YLÄKUVAN KORJAUS */

@media (max-width: 1200px) {
  .divbody {
    margin-top: 0px !important;
  }   
}
 

.tiedoteluettelo-otsikko {
   font-size:1.0em;
}

/* Samsung Galaxy S5 - Portrait and Landscape */
@media screen and (max-width: 1168px) { 
   .PageNameHeader { left:1em; font-size:1.2em; } 
}

.lataus-boksi {
   margin-left:15px;

}

.lataus-ebook {
    font-family: Arial;
    font-size:1.5em !important;
    padding-right:20px; 
   border-right:20px solid #fff;
}

.lataus-ebook p {
   line-height:1.2em !important;
}

.lataus-ebook a {
   color:#fff !important;
   background-color:#3c3c3c;
   font-family: 'Montserrat', sans-serif;
   font-size:1.0em !important;
   padding:0.5em 2em 0.5em 2em;
   text-shadow:1px 1px 3px #333;
   text-decoration:none;
}

.lataus-ebook a:hover {
	background-color:#f38838;
	color:#ffffff;
   text-decoration:none;
}


@media screen and (min-width: 900px) and (max-width:1168px) { 
   .lataus-ebook {
       font-size:2.3vw !important;
   }
   
   .lataus-ebook a {
   font-size:2.1vw !important;
   }
}

@media screen and (min-width: 700px) and (max-width: 900px) { 
   .lataus-ebook {
       font-size:3vw !important;
   }
   
   .lataus-ebook a {
   font-size:3.1vw !important;
   }
}


@media screen and (min-width: 400px) and (max-width: 700px) { 
   .lataus-ebook {
       font-size:3.4vw !important;
   }
   
   .lataus-ebook a {
   font-size:3.2vw !important;
   }
}

@media screen and (max-width: 400px) { 
   .lataus-ebook {
       font-size:3.4vw !important;
   }
   .lataus-ebook a {
   font-size:2.8vw !important;
   padding:0.5em 0.5em 0.5em 0.5em;
   }
}

/* http://stackoverflow.com/questions/25020582/scrolling-to-an-anchor-using-transition-css3 */
#anchor {
   position:relative; 
   margin: 0; 
   padding: 0; 
   float: left;
   display: inline-block;
   margin-top: -100px; /* whatever offset this needs to be */
}

.b-grey {
   background-color:#3c3c3c;
   color:#fff !important;
   font-size:1em;
}

.b-grey a {
   color:#fff;
   font-size:1em;
}

.b-grey:hover {
   background-color:#5b5b5b;
   color:#fff !important;
}


.box-blue {
   line-height:2.4em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
   background-color:#3484bc !important;
   padding:1em;
   color:#fff; 
}

.box-orange {
   line-height:4.4em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
   background-color:#c38808 !important;
   padding:1em;
   color:#fff; 
}