html,body {
padding:.5em 0px;
margin:1em;
}

body {
background:#292929;
color:#000000;
font-family:"Times New Roman",sans-serif;
text-align:center;
width:100%;
}

#sisalto {

max-width:56em;
font-size:16px;
margin-left:auto;
margin-right:auto;
text-align:center;
border:0px dashed #000;
background-color:#9DB5BF;
color:#330000;
overflow:auto;
padding-top:3em;
padding-bottom:0px;
}
kuvat {
width:95%;
max-width:50em;
}

img {
    max-width: 850px;
    height: auto;
}
@media screen and (min-width: 720px) {
    #sisalto {
		font-size: 18px;	
	}
    h3 { 
    display: block;
    font-size: 170%;
    margin-top: 0,2em;
    margin-bottom: 0,2em;
    margin-left: 0.5em;
    margin-right: 0;
		}	
	
    h4 { 
    display: block;
    font-size: 150%;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0.5em;
    margin-right: 0;
		}
	h5 { 
    display: block;
    font-size: 170%;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0.5em;
    margin-right: 0;
		}	
		
}

	body {
		background: #222;
		margin: 0;
	}
	.thumbnails img {
		height: 85px;
		border: 1px solid #555;
		padding: 1px;
		margin: 0 10px 10px 0;
	}

	.thumbnails img:hover {
		border: 1px solid #00ccff;
		cursor:pointer;
	}

	.preview img {
		border: 1px solid #444;
		padding: 1px;
		width: 95%;
	}
	

.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a {
	font-size:      1.15em;
	}
	
	  /*-- change navbar dropdown color --*/
  .navbar-custom .navbar-nav .open .dropdown-menu>li>a,.navbar-custom .navbar-nav .open .dropdown-menu {
    background-color: black;
    color:white;
  }
  
  .dropdown-menu>li>a:hover {
   color: #262626;
   text-decoration: none;
   background-color: #f5f5f5;
} 
  
  /*-- navbar dropdown hover over color --*/
  
    .dropdown-menu a:hover {
  background: #33aa33 !important;
}

.dropdown-toggle:hover {
  background: #33aa33;
}

/*-- navbar active dropdown color --*/

ul.dropdown-menu>li.active>a:hover{
    background: #33aa33 !important;
}

ul.dropdown-menu>li.active>a{
    background: #33aa33 !important;
}

/*-- dropdown Header --*/

li.dropdown-header {
    color: #22cc33;
	font-size:      1.35em;
}
  
.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
   color: #fff;  /*-- navbar dropdown active tekstiväri --*/
   background-color: #b91773;  /*-- navbar dropdown active taustaväri --*/
   border-color: #fff;
}

/*-- navbar taustaväri --*/

 	.navbar-custom {
	background-color:BLACK;
    color:#ffffff;
  	border-radius:0;
}
  
   /*-- navbar text color --*/ 
  
.navbar-custom .navbar-nav > li > a {
  	color:#fff;
  	padding-left:20px;
  	padding-right:20px;
}

  /*-- navbar active cell text & backround colors --*/

.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ffffff;
	background-color:#33aa33;
}

       /*-- navbar mouse over color--*/
	 
.navbar-custom .navbar-nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #33aa33;
}
    
	  /*-- navbar brand color --*/
	
.navbar-custom .navbar-brand {
  	color:#eeeeee;
}

  .navbar-custom .navbar-toggle {
  	background-color:#eeeeee;
}
.navbar-custom .icon-bar {
  	background-color:#33aa33;
}