/*
 Theme Name:   Ilmastonkestävän kaupungin suunnitteluopas - Bootstrap Ultimate
 Theme URI:
 Description:  Ilmastonkestävän kaupungin suunnitteluopas
 Author: YMK
 Author URI: http://www.hel.fi/ymk
 Template:     bootstrap-ultimate
 Version:      1.0.0
*/

@import url("../bootstrap-ultimate/style.css");

body{
background: #d2d2d2; /* Old browsers */
background: -moz-linear-gradient(top,  #d2d2d2 0%, #e4e4da 9%, #f2f1e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(9%,#e4e4da), color-stop(100%,#f2f1e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d2d2d2 0%,#e4e4da 9%,#f2f1e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d2d2d2 0%,#e4e4da 9%,#f2f1e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d2d2d2 0%,#e4e4da 9%,#f2f1e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d2d2d2 0%,#e4e4da 9%,#f2f1e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#f2f1e8',GradientType=0 ); /* IE6-9 */
background-repeat:no-repeat;
padding-top:20px;

}

#sidebar1{
	background-color:rgba(255,255,255,0.8) !important;
}

.footer{
background-color:#fff;
}

.navbar-nav>li {
display:inline-block;
margin-right:1px;
width:14%;
text-align:center;
vertical-align:text-top;
}
.etu{
background-image:url('images/etu.jpg');
background-color:#fff;
background-repeat:no-repeat;
padding:0;
border-bottom:2px solid #777;
}

.etut{
padding-bottom:38px;
}


.pic{
background-image:url('images/sop_suunnittelu.jpg');
background-color:#fff;
background-repeat:no-repeat;
padding:0;
border-bottom:2px solid #777;
}
.nopic{
background-color:#fff;
background-repeat:no-repeat;
padding:0;
border-bottom:2px solid #777;
}
.navicolor{
	background:#3d423b;

	}
	
#menu-item-21>a {
color:#27a8ff;
}
#menu-item-23>a {
color:#e59f08;
}
#menu-item-29>a {
color:#ad953c;
;
}
#menu-item-27>a {
color:#84a302;
}
#menu-item-21>a:hover,#menu-item-23>a:hover,#menu-item-27>a:hover,#menu-item-29>a:hover{

color:#fff;
}

	
.navbar{
border-radius:0;
}
.navbar-default{
background:transparent;
border:0;
margin-left:-15px;

}

.navbar-default .navbar-nav>li>a {
color: #b5b4a5;

text-align:center;
vertical-align:text-top;
text-transform:uppercase;
}
.navbar-default .navbar-nav>li>a:hover, .current_page_ancestor{
color: #fff;
background-image: url(images/viiva.png);
background-position: center bottom;
background-repeat: no-repeat;
background-origin: border-box;

}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
color:#fff;
text-align:center;
vertical-align:text-top;
background:transparent;

}
  .navbar-default .navbar-nav > .hovernav:hover > a,
  .navbar-default .navbar-nav > .hovernav:hover > a:hover,
  .navbar-default .navbar-nav > .hovernav:hover > a:focus ,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
color:#fff;
text-align:center;
vertical-align:text-top;
background-image: url(images/viiva.png);
background-position: center bottom;
background-repeat: no-repeat;
background-origin: border-box;
}
.navbar-collapse{
padding:0;
}
.logo{
margin-left:10px;	
margin-bottom:10px;
margin-top:10px;
	}
	
.searchwrap{

top:122px;
right: -11%;
}	

h1{
font-size:32pt;
}
h2{
font-size:26pt;
}
h3{
font-size:24pt;
}
body,p{
font-size:11pt;
}

.printfriendly a img{
width:auto !important;
display:inline-block !important;
}

div.printfriendly{
margin:0 !important;
}

#flags_language_selector{
position:absolute;
top:40px;
left:72%;

}

#flags_language_selector img{
width:40px;
height:17px;
padding-right:15px;
}


.navbabbbr, .navbar-default .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a, .dropdown-menu > li > a{
font-size:10pt !important;
font-weight:bold !important;
}

.fuutteri{
margin-top:20px;
background:#fff;
}
#main article{
border:none;
}
#content a img {
    display: block;
    height: auto;
	width:100%;
    max-width: 100%;
}
.teksti ,.sivu{
background-color:rgba(255,255,255,0.9);
}
.iso{
     border-right-style: solid;
border-right-color: rgba(181,180,165,1);
-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#b5b4a5), to(#fff))0 100% 0 0 stretch;
min-height:100%;
}

.lataus{
display:inline-block;
height:46px;
margin-bottom:20px;

}

.linkki{
margin-left:-44px;

border-bottom:1px solid #cdcdcd;
height:39px;
margin-top:-3px;

}

.linkki a{

line-height:0;
margin-bottom:5px;
}

.lataus img{
width:auto !important;
display:inline-block !important;
height:36px;

}
.materiaali{
margin-left:-44px;

height:39px;
margin-top:-3px;

}
.page-header{
border-bottom:0;
}
.lm{
background-color:rgba(255,255,255,0.9);
margin-left:-15px;
margin-right:-15px;
padding-left:15px;
}

.sub-menu li a{
text-align:left;
}
h3{
margin-bottom:25px;
}
h4{
padding-top:16px;
padding-bottom:3px;
font-size:13pt;
font-weight:bold !important;
letter-spacing: 1px;
}

h5{
padding-top:4px;
padding-bottom:8px;
font-size:12pt;

letter-spacing: 1px;
}

.logoyla{
margin-left:2.6%;
}


.wp-caption-text{
font-style:italic;
font-size:10pt;
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
  
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}


.wp-caption p.wp-caption-text {
  
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.txt{
vertical-align:middle !important;
margin-left:-10%;
margin-top:8px;
}

#content a img.ikoni{
display:initial !important;

width:auto;
max-width:auto;
}

@media screen and (max-width: 1200px){
.searchwrap{
top:0px;
right:0;

}
.searchwrap input.s_exp:focus {
width:100%;
}
.navicolor{
padding-top:15px;
}

}
@media screen and (max-width: 768px){
.searchwrap{
top:0px;
right:0;

}
.txt{
vertical-align:middle !important;
margin-left:8%;
margin-top:-25px;
}
.navicolor{
padding-top:15px;
}
}