/* ==========================================================================
   Author's custom styles
   ========================================================================== */
    /* Large desktop */
   /* @media (min-width: 1200px) { */
	 @media (min-width: 768px) { 
		.navbar-inverse .navbar-nav > li {
			height: 75px;
			border-left:1px solid #ccc;
			
		}
		
		.navbar-nav > li > a {
			padding-top:5px;
			text-align:center;
		}
		
		.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
			background:url("../img/menu_hover.png") no-repeat scroll center -175px !important;
			color: #19B5DB;
			padding-bottom:5px;
		}
		
		.navbar-nav > li a .icon{
			background: url("../img/menu_icons.png") no-repeat transparent !important;
			height: 30px;
			margin: 10px auto 5px;
			width: 35px;
		}
		
		.navbar-nav > li.active a .icon.etusivu {
			background-position:1px -37px !important;
		}
		
		.navbar-nav > li a .icon.etusivu {
			background-position:1px -3px !important;
		}
		
		.navbar-nav > li a:hover .icon.etusivu, .navbar-nav > li.dropdown.open .icon.etusivu {
			background-position:1px -37px !important;
		}
		
		.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
			color:#19B5DB;
		}
		
		.navbar-nav > li a .icon.palvelut {
			background-position:-34px -3px !important;
		}
		
		.navbar-nav > li.active a .icon.palvelut {
			background-position:-34px -37px !important;
		}
		
		.navbar-nav > li a:hover .icon.palvelut, .navbar-nav > li.dropdown.open .icon.palvelut {
			background-position:-34px -36px !important;
		}
		
		.navbar-nav > li a .icon.ukk {
			background-position:-66px 2px !important;
		}
		
		.navbar-nav > li.active a .icon.ukk {
			background-position:-66px -34px !important;
		}
		
		.navbar-nav > li a:hover .icon.ukk {
			background-position:-66px -34px !important;
		}
		
		.navbar-nav > li a .icon.yhteystiedot {
			background-position:-102px -3px !important;
		}
		
		.navbar-nav > li a:hover .icon.yhteystiedot {
			background-position:-102px -36px !important;
		}
		
		.navbar-nav > li.active a .icon.yhteystiedot {
			background-position:-102px -36px !important;
		}
		
		.navbar-nav > li a .icon.verkkokauppa {
			background-position:-136px -3px !important;
		}
		
		.navbar-nav > li a:hover .icon.verkkokauppa {
			background-position:-136px -36px !important;
		}
		
		.navbar-nav > li a .icon.lataukset {
			background-position:-171px -3px !important;
		}
		
		.navbar-nav > li a:hover .icon.lataukset {
			background-position:-171px -36px !important;
		}
		
		.navbar-nav > li.active a .icon.lataukset {
			background-position:-171px -36px !important;
		}
		
		
		
		.navbar-nav > li a .icon.tuotteet {
			background-position:-201px -3px !important;
		}
		
		.navbar-nav > li.active a .icon.tuotteet {
			background-position:-201px -37px !important;
		}
		
		.navbar-nav > li a:hover .icon.tuotteet, .navbar-nav > li.dropdown.open .icon.tuotteet {
			background-position:-201px -36px !important;
		}
		
		
    }
     
    /* Portrait tablet to landscape and desktop */
     @media (min-width: 989px){
		.navbar-nav {float:right;margin-right:0px;}
	}
    @media (min-width: 768px) and (max-width: 979px) { 
		.jumbotron {
			padding-top:99px !important;
		}
	
		.navbar-inverse .navbar-nav > li {
			height: 75px;
			border-left:1px solid #ccc;
			
		}
		
		.navbar-collapse {
			padding-left: 0px;
		}
		
		.navbar-nav {float:left;}
    }
     
    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
    
    }
     
    /* Landscape phones and down */
    @media (max-width: 480px) {
		a.navbar-brand img {width:123px;height:21px;}
    }
body {padding-bottom:0px;}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #0D5A92;
}

.navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: #fff;
}


.navbar-inverse .navbar-toggle {
    border-color: #0D5A92;
    margin-top:20px;
    margin-bottom:20px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #CCCCCC;
}

.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid transparent;
    border-radius: 4px 4px 4px 4px;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #0D5A92;
}

h1 {
	text-transform:uppercase;
	font-weight:bold;
	color:#0d5a92;
	font-size:26px;
	border-bottom:1px solid #0d5a92;
}

h2 {
	font-weight:bold;
	color:#0d5a92;
	font-size:20px;
}

footer {
	background:#e8eff5;
	width:100%;
}

footer p {
	font-size:13px;
}

.blue {color:#0d5a92;}

input.form-text {
	background:none;
	border:1px solid #0d5a92;
	height: 30px; 
	padding: 5px;
	width:100%;
	font-size:13px;
	color:#0d5a92;
	margin-bottom:10px;
	}
	
input.form-submit {
	background:#0d5a92;
	border:1px solid #0d5a92;
	height: 30px; 
	padding: 5px;
	width:100%;
	font-size:15px;
	color:#fff;
	margin-bottom:10px;
	}
	
textarea.form-text {
	background:none;
	border:1px solid #0d5a92;
	height: 90px; 
	padding: 5px;
	width:100%;
	font-size:13px;
	color:#0d5a92;
	margin-bottom:10px;
	resize: none;
	}
	
.form-label {
	font-size:15px;
	color:#0d5a92;
}

footer h2 {
	font-weight:normal;
	font-size:26px;
	text-transform:uppercase;
	color:#0d5a92;
	border-bottom:1px solid #0d5a92;
}

footer h3 {
	font-weight:normal;
	font-size:20px;
	color:#0d5a92;
	font-weight:bold;
}

.navbar-collapse {
			padding-left: 0px;
}

.navbar-inverse {
	background:#fff;
	border-color:#ccc;
}

.navbar-inverse .navbar-nav > li {
	
}
.navbar-inverse .navbar-nav > li > a {
    color: #0d5a92;
    text-transform:uppercase;
    font-size:10px;
}

.navbar-inverse .navbar-nav > .active {
    background-color: #0d5a92;
}

.navbar-inverse .navbar-nav > .active:hover {
    background-color: #0d5a92;
}

.navbar-inverse .navbar-nav > .active > a {
    background:none;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
    background:none;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #FFFFFF;
    color: #19b5db;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #19B5DB;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: none;
}

.dropdown-header {
    color: #000000;
    display: block;
    font-size: 10px;
    line-height: 1.42857;
    padding: 3px 20px;
    text-transform: uppercase;
}

.dropdown-menu > li > a {
    clear: both;
    color: #0D5A92;
    display: block;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 32px;
    text-transform: uppercase;
    white-space: nowrap;
    background:url(../img/li_bullet.png) no-repeat scroll 20px 7px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #0D5A92;
    background-image: none;
    background-repeat: repeat-x;
}


.jumbotron {
	background:#117bad !important;
	padding-top: 26px; padding-bottom: 0px;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
 
.rslides li p.over {z-index:1000;display:block;position:absolute;margin-top:12%;width:50%;}  
.rslides li p.over .description{color:#a7dafd;text-shadow: 1px 1px 2px #424242;margin-top:10px;padding-top:10px;
        filter: dropshadow(color=#424242, offx=1, offy=1);display:block;border-top:1px solid #a7dafd;}  
.rslides li p.over #title {letter-spacing:2px;color:#fff;font-size:40px;font-weight:bold;font-style:oblique;text-shadow: 1px 1px 2px #424242;
        filter: dropshadow(color=#424242, offx=1, offy=1);display:block;width:100%;} 
		

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }