@import url('//fonts.googleapis.com/css?family=Roboto');
@import url('//fonts.googleapis.com/css?family=Montserrat');


body {
    background: url('../lataukset/taustakuva_2500x3000px.png') no-repeat 50% 0px #3C3C3C;
    background-repeat: no-repeat;
    background-position: center;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
}

.post-edit-link {
  display: none;
}
#news h3.newsflash-title {
    border-bottom: 2px solid #EF7D00;
}
#banner .banner-1, #banner .banner-2 {
    background: #FFF !important;
    border-bottom: none;
}
#banner .banner-3 {
    background: #FFF;
}
a, a:link {
    font-family: 'Roboto', sans-serif !important;
}

  p {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500;
}

table.hinnasto td{
	border-bottom: none;
}

#fader-sisa {
    background-image: url('https://www.meidankatsastus.fi/lataukset/Palvelusivun_bannerit_975x168px.png') !important; 
    background-repeat: no-repeat;
    padding-left: 50%;
    max-width: 475px;
    margin: 0 0 9px 0;
    height: 168px;
    overflow: hidden;
  	border: 1px solid #EF7D00;
}

#fader-sisa a {
    position: absolute;
        width: 100%;
        height: 168px;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
}

.banner-sisa-1 {
  display: none;
}
.banner-sisa-2 {
  display: none;
}

.sf-menu ul li a, .sf-menu ul ul li a {
    border-bottom: 0;
    background: #EF7D00;
    color: #000 !important;
}
button[type="submit"] {
    display: block;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    color: #000;
    background: #EF7D00;
    cursor: pointer;
    border: 0;
    padding: 10px;
}
.sf-menu, a:visited {
  color: #000 !important;
}
.sf-menu, a:link {
 color: #000 !important;
}
a, a:visited {
  color: #fff;
}
a, a:link {
 color: #fff;
}
.sf-menu, a:link {
    color: #000 !important;
    font-weight: 600;
}
.sf-menu a:hover {
  background: #EF7D00 !important;
  text-decoration: underline;
}
#news a.vanhat-uutiset {
    color: #fff !important;
}
#news .newsflash-item {
    padding: 22px 20px 45px;
    margin-bottom: 10px;
    background: rgba(254, 253, 253, 0.9);
    border-bottom: none;
    margin-top: none;
}
div.content-wrap {
background: rgba(254, 253, 253, 0.9);
}
#news h2.moduleheading {
    padding: 10px 0 10px;
    background: #EF7D00;
    border-bottom: none;
    margin-bottom: 10px;
    padding-left: 20px;
    color: #fff;
}
#banner {
    margin: 10px 0 10px;
    padding-bottom: 12px;
    border-bottom: none;
  	background-color: #fff;
}

.sf-menu li.current-menu-item > a, .sf-menu li.current_page_ancestor > a {
    background: #EF7D00;
    color: #fff !important;
}
#wrap {
    border-top: none;
}
div.item-separator {
    border-bottom: none;
    padding: 10px 0 0;
}
#news a.vanhat-uutiset {
    color: #fff;
    float: left;
    font-size: 12px;
}
div.content-wrap {
    border-bottom: none;
}
.sf-menu ul li a, .sf-menu ul ul li a {
    border-bottom: 0;
    background: #EF7D00;
}
#news a.vanhat-uutiset {
    float: right;
    font-size: 12px;
}


/* testit */

.banner-1::before {
  padding-left:20px;
}

.banner-2::before {
	content:'';
	/*background-image: url('../lataukset/oranssi_nuoli.png');*/
	height: 150px;
	width: 2px;
  background:#000;
		margin-top:8px;
}

.banner-3::before {
	content:'';
	/*background-image: url('../lataukset/oranssi_nuoli.png');*/
	background:#000;
  height: 150px;
	width: 2px;
  margin-left:-40px;
		margin-top:8px;
}

#news .newsflash-item {
    padding: 22px 20px 15px;
    margin-bottom: 15px;
    background: rgba(254, 253, 253, 0.9);
    border-bottom: none;
}
div#footer {
    height: 80px;
    margin-top: 32px;
    background: #FDA920;
    border-top: 5px solid #EF7D00;
}
h2.featured-subheading, #news h2.moduleheading {
    padding: 10px 0 10px;
    background: #EF7D00;
    border-bottom: none;
    margin-bottom: 10px;
    padding-left: 20px;
}

#maincontent-inner, #contact-aside {
    background: rgba(254, 253, 253, 0.9);
    border-bottom: none !important;
    border-top: 5px solid #EF7D00;
    color: #000;
}
body {
color: #000;
}
p {
color: #000;
}
li {
color: #000;
}
html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, h1, h2, h3, h4, h5, h6 {
    color: #000 !important;
}


.pagination .current {
    padding: 6px 9px 5px 9px;
    background: none;
    color: #fff;
    text-decoration: underline;
}
@media screen and (min-width: 320px) and (max-width: 750px) {
    #main {
    margin-top: 100px;
    }
   .sf-menu a {
    background: #EF7D00;
    padding: .75em 1em;
    border-top: 1px solid #474747;
    color: #fff;
    text-decoration: none;
  }
    #fader-sisa {
    background-image: url('https://www.meidankatsastus.fi/lataukset/Palvelusivun_bannerit_975x168px.png');
    background-repeat: no-repeat;
    padding-left: 50%;
    max-width: 420px;
    margin: 0 0 9px 0;
    height: 168px;
    overflow: hidden;
    display: none;
    }
    #kartta1 {
    display: none !important;
    }
    p {
    font-size: 16px;
    }
}
@media screen and (min-width: 750px) and (max-width: 800px) {
#fader-sisa {
    background-image: url('https://www.meidankatsastus.fi/lataukset/Palvelusivun_bannerit_975x168px.png');
    background-repeat: no-repeat;
    padding-left: 50%;
    max-width: 420px;
    width: 297px;
    margin: 0 0 9px 0;
    height: 168px;
    overflow: hidden;
     }
     #kartta1 {
    width: 300px !important;
    max-width: 300px !important;
    }
    iframe {
    width: 300px !important;
    max-width: 300px !important;
     }
   .sf-menu a {
    background: #EF7D00;
    padding: .75em 1em;
    border-top: 1px solid #474747;
    color: #fff;
    text-decoration: none;
    line-height: 1;
    }
}
@media screen and (min-width: 980px) and (max-width: 1000px) {
#fader-sisa {
    background-image: url('https://www.meidankatsastus.fi/lataukset/Palvelusivun_bannerit_975x168px.png');
    background-repeat: no-repeat;
    padding-left: 50%;
    max-width: 500px;
    margin: 0 0 9px 0;
    height: 168px;
    overflow: hidden;
    width: 420px;
    }
}

@media screen and (max-width: 975px){
    .banner-2::before {
	content:'';
    display: none;
}

.banner-3::before {
	content:'';
    display: none;
}

}

a.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

#fader-sisa {
    background-image: url('https://www.meidankatsastus.fi/lataukset/Palvelusivun_bannerit_975x168px.png') !important;
}


/*Rekisterikilpi*/

#kilpiwrapper {
      width:100%;
  margin-top:24px;
    }

   #kilpi {
      background-image:url('/lataukset/kilpitausta.svg');
      background-repeat: no-repeat;
      width: 165px;
      height: 54px;
      padding-left: 35px;
     	position:relative;
     	margin-left:auto;
     	margin-right:auto;
    }

    input[name=kirjaimet] {
      font-size: 31px;
      text-transform: uppercase;
      font-weight: bold;
      width:68px;
      border:0px;
      margin-top:8px;
      background:transparent;
      text-align: center;
      box-shadow:none;
      padding:0px;
    }

		input[name=numerot] {
      font-size: 31px;
      text-transform: uppercase;
      font-weight: bold;
      width:68px;
      border:0px;
      margin-top:8px;
      background:transparent;
      text-align: center;
      box-shadow:none;
      padding:0px;
    }

.oranssinappi {
		background:#EF7D00;
  	width:200px;
    color:#fff;
  	text-align:center;
  	font-size:1em;
  	border-radius:3px;
  	text-transform:uppercase;
  	border:0px;
  	line-height:35px;
  	height:35px;
  	display:block;
  	position:relative;
    margin-left:auto;
    margin-right:auto;
}

.oranssinappi2 {
		background:#EF7D00;
    color:#fff;
  	font-size:1em;
  	border-radius:3px;
  	border:0px;
  	line-height:35px;
  	height:35px;
  	display:block;
  	position:relative;
  	padding-left:15px;
  	padding-right:15px;
}