/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background-color: #FFFFFF;
  font-family:Calibri;
  padding-bottom:30px;
}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

p{
margin-bottom:20px;
}

h2, .h2, h3, .h3 {
margin-top:0px;
margin-bottom:5px;
}
h1, .h1{
font-size:26px;
margin-top:-5px;
margin-bottom:21px;
font-weight:bold;
}
h2, .h2{
font-size:14px;
font-weight:bold;
}
h3, .h3{
font-size:20px;
}

.bg-fill {
  background-color:black;
}
.language {white-space:nowrap;}

.mod-languages a {
color: #00772F;
}

.mod-languages li.lang-active a {
 color: #333;
}

.nav-main > li {
  float:none;
  display:inline-block;
  *display: inline;     /* for IE7*/
  *zoom:1;              /* for IE7*/
}
.nav-main > li.active > a, .nav-main > li.active > a:hover, .nav-main > li.active > a:focus {
  color: #717F87;
}
.nav-main > li > a {
  color: #717F87;
  font-size:20px;
}
.nav-child > li > a {
	text-decoration:none;
	position: relative;
	display: block;
}

.nav-child {
    list-style: outside none none;
	margin-top:5px;
	padding:0px 0px 0px 10px;
	font-size:100%;
}

.services > .nav > li {
  margin-bottom:8px;
}
.services > .nav > li > a {
  background-color: #007730;
  color: white;
  height: 60px;
  padding: 22px 40px;
}
.nav-service > li > a:hover, .nav-service > li > a:focus {
  background-color: #56a6af;
}
.nav-service > li.active > a, .nav-service > li.active > a:hover, .nav-service > li.active > a:focus {
  background-color: #56a6af;
}

.submenu > .nav > li {
  margin-bottom:8px;
 
}
.submenu > .nav > li > a {
  background: #00772F url(../images/00D-Takso-WEB-nuoli-valkonen.png) no-repeat 10px center;
  color: white;
  height: 40px;
  padding: 10px 25px;
}
.nav-sub > li > a:hover, .nav-sub > li > a:focus {
  background: #38B6B8 url(../images/00D-Takso-WEB-vaalea-vihr.png) no-repeat 10px center;
}
.nav-sub > li.active > a, .nav-sub > li.active > a:hover, .nav-sub > li.active > a:focus {
  background: #38B6B8 url(../images/00D-Takso-WEB-vaalea-vihr.png) no-repeat 10px center;
}

.nav-child > li {
  margin-bottom:4px;

}

.nav-child > li > a {
  background: #fff url(../images/00D-Takso-WEB-nuoli-turkoosi.png) no-repeat 10px center;
  color: #00889b;
  height: 30px;
  padding:5px 25px;
 /* padding: 0px 40px;*/
}
.nav-child > li > a:hover, .nav-child > li > a:focus {
  background: #ebf6f4 url(../images/00D-Takso-WEB-nuoli-turkoosi.png) no-repeat 10px center;
}
.nav-child > li.active > a, .nav-child> li.active > a:hover, .nav-child > li.active > a:focus {
  background: #ebf6f4 url(../images/00D-Takso-WEB-nuoli-turkoosi.png) no-repeat 10px center;
}

.menu-separate {
border-top: solid 1px #b6cbd6;
height: 8px;
}

h2.frontpage {
	margin: 0px;
}
h1.frontpage {
	margin:0px;
}

.home-links {
    position: relative;
    padding-bottom: 75%; /* Adjust this to suit the aspect ratio of the image */
    height: 0;
    width: 100%;
}

.btn-one {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space:nowrap;
    background-size: cover;
    background-image: url('../images/Takso-WEB-01a-valikko-IT-WEB-2015.png');
}

.btn-two
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space:nowrap;
    background-size: cover;
	background-image: url('../images/Takso-WEB-01b-valikko-Paper--2015.png');

}

.btn-three {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space:nowrap;
    background-size: cover;
	background-image: url('../images/Takso-WEB-01c-valikko-Medical--2015.png');

}

.btn-one:hover {
	background-position: 0% bottom;
}
.btn-two:hover {
	background-position: 0% bottom;
}
.btn-three:hover {
	background-position: 0% bottom;
}

.slogan{
margin:0 auto;
}
.separate{
height:10px;

}

.viiva{
border-top: solid 1px #b6cbd6;
height: 30px;
margin-top:30px;
}
.tyhja-50{
height: 50px;
}
.tyhja-27{
height: 27px;
}
.tyhja-60{
height: 60px;
}
.tyhja-44{
height: 44px;
}
.tyhja-34{
height: 34px;
}

.component ul{
list-style-image: url("../images/Bullet1.png");
margin-bottom:30px;
}
.component ul li ul{
list-style-image: url("../images/Bullet2.png");
margin:0;
}
.component {
padding:0px 65px;
}

/*.component img {
padding:0px 0px 30px 0px;
}*/

.contactBox h2 {
margin-bottom:20px;
}
.contactBox p {
margin:0;
}



/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
.component {
padding:0px;
}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.component {
padding:0px;
}  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.component {
padding:0px;
}   
}
/* Large desktop */
@media (min-width: 1200px) {
  .container{width:1030px;}
  
}