/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'Lato';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/Lato-regular/Lato-regular.eot');
    src: url('fonts/Lato-regular/Lato-regular.eot?#iefix') format('embedded-opentype'), local('Lato Regular'), local('Lato-regular'), url('fonts/Lato-regular/Lato-regular.woff2') format('woff2'), url('fonts/Lato-regular/Lato-regular.woff') format('woff'), url('fonts/Lato-regular/Lato-regular.ttf') format('truetype'), url('fonts/Lato-regular/Lato-regular.svg#Lato') format('svg');
}

@font-face {
    font-family: 'Lato';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/Lato-700/Lato-700.eot');
    src: url('fonts/Lato-700/Lato-700.eot?#iefix') format('embedded-opentype'), local('Lato Bold'), local('Lato-700'), url('fonts/Lato-700/Lato-700.woff2') format('woff2'), url('fonts/Lato-700/Lato-700.woff') format('woff'), url('fonts/Lato-700/Lato-700.ttf') format('truetype'), url('fonts/Lato-700/Lato-700.svg#Lato') format('svg');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 400;
    font-style: normal;
    src: url('fonts/Montserrat-regular/Montserrat-regular.eot');
    src: url('fonts/Montserrat-regular/Montserrat-regular.eot?#iefix') format('embedded-opentype'), local('Montserrat-Regular'), local('Montserrat-regular'), url('fonts/Montserrat-regular/Montserrat-regular.woff2') format('woff2'), url('fonts/Montserrat-regular/Montserrat-regular.woff') format('woff'), url('fonts/Montserrat-regular/Montserrat-regular.ttf') format('truetype'), url('fonts/Montserrat-regular/Montserrat-regular.svg#Montserrat') format('svg');
}

@font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/Montserrat-700/Montserrat-700.eot');
    src: url('fonts/Montserrat-700/Montserrat-700.eot?#iefix') format('embedded-opentype'), local('Montserrat-Bold'), local('Montserrat-700'), url('fonts/Montserrat-700/Montserrat-700.woff2') format('woff2'), url('fonts/Montserrat-700/Montserrat-700.woff') format('woff'), url('fonts/Montserrat-700/Montserrat-700.ttf') format('truetype'), url('fonts/Montserrat-700/Montserrat-700.svg#Montserrat') format('svg');
}

/*
	@font-face {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	src: url('/styles/common/font-awesome/fontawesome-webfont.eot');
	src: url('fonts/Fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/common/font-awesome/fontawesome-webfont.woff2') format('woff2'), url('fonts/Fontawesome/fontawesome-webfont.woff') format('woff'), url('fonts/Fontawesome/fontawesome-webfont.ttf') format('truetype'), url('fonts/Fontawesome/fontawesome-webfont.svg#fontawesomeregular') format('svg');
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #1b91d4;
}
*/
/* makes the font 33% larger relative to the icon container */
/*
.fa-lg {
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

.fa-2x {
	font-size: 2em;
}

.fa-3x {
	font-size: 3em;
}

.fa-4x {
	font-size: 4em;
}

.fa-5x {
	font-size: 5em;
}

.fa-fw {
	width: 1.28571429em;
	text-align: center;
}

.fa-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none;
}

	.fa-ul > li {
		position: relative;
	}

.fa-li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: 0.14285714em;
	text-align: center;
}

	.fa-li.fa-lg {
		left: -1.85714286em;
	}

.fa-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eeeeee;
	border-radius: .1em;
}

.fa-pull-left {
	float: left;
}

.fa-pull-right {
	float: right;
}

.fa.fa-pull-left {
	margin-right: .3em;
}

.fa.fa-pull-right {
	margin-left: .3em;
}
*/
/* Deprecated as of 4.4.0 */
/*
.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.fa.pull-left {
	margin-right: .3em;
}

.fa.pull-right {
	margin-left: .3em;
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.fa-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.fa-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fa-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.fa-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
	filter: none;
}

.fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-inverse {
	color: #ffffff;
}
	 */
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/*
.fa-angle-right:before {
	content: "\f105";
}

.fa-search:before {
	content: "\f002";
}

.fa-comment-o:before {
	content: "\f0e5";
}

.fa-share-alt:before {
	content: "\f1e0";
}

.fa-map-o:before {
	content: "\f278";
}

.fa-print:before {
	content: "\f02f";
}

.fa-search:before {
	content: "\f002";
}
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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 {
    vertical-align: baseline;
}

    ul.horizontal {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

body {
    background: #f8f8f8 none repeat scroll 0 0;
    font-family: Lato,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #4c4c4c;
}

    body .bg-wrap {
        /*background: url('images/gradient_squares.png') 0 0;*/
        /*background: # none repeat scroll 0 0;*/
    }

Xbody .bg-wrap {
    background: #d6eef0 url('images/bg-img-1.jpg') no-repeat 50% 0%;
}

Xbody .bg-wrap {
    background: url('images/bg-img-2.jpg') 0 0;
}

body, html {
    height: 100%;
}

.bg-wrap {
    min-height: 87%;
}
/*  [common]  */
.align-r {
    /*border-top: 4px dotted #7ECDF2;*/
    margin-bottom: 12px;
    padding-top: 10px;
    margin-top: 15px;
    text-align: right;
}

.nc-carousel > .align-r {
    display: none;
}

.b-txt {
    font-weight: bold;
    color: #ffffff;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.header .srch-box {
    margin: 25px 0;
}
/*  [/common]  */

body .custom-bg, body .navbar .custom-bg {
    /*background: #006ab4;*/
	background: #e37500;
    margin: 0 auto;
    max-width: 1000px;
}

.bg-wrap > .container-fluid {
    margin-top: 0px;
}

.bg-wrap > .header {
    position: relative;
}

.bg-wrap .header.container-fluid {
    background-color: #ffffff;
    max-width: 100%;
}

.header-content {
    height: 120px;
    margin: 0 auto;
    max-width: 1000px;
}

a, .breadcrumb li.active {
    color: #1b91d4;
}

    a:hover, .breadcrumb li.active {
        color: #c4c4c4;
    }

.title a,
.ingress,
.topnav a {
    /*font-size: 16px;*/
    font-size: 15px;
}

.bloglist .title a {
    font-size: 1.6em;
    padding: 1.06667em 0 0.266667em;
}

h1, h2, h3, h4,
.carousel h3 {
    font-weight: bold;
}

h1, h2, h3, h4 {
    font-family: Montserrat,"Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4c4c;
}

h1 {
    font-size: 1.8em;
    letter-spacing: 0.02em;
    margin: 10px 0 10px;
}

h2 {
    font-size: 1.2em;
    letter-spacing: 0.02em;
    margin: 10px 0 10px;
}

h3 {
    font-size: 1em;
    letter-spacing: 0.02em;
    margin: 10px 0 10px;
}

h4 {
    font-size: 1.15em;
    letter-spacing: 0.02em;
    margin: 10px 0 10px;
}

h5 {
    font-size: 1em;
    margin: 10px 0 10px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3em;
}

p {
    line-height: 1.6em;
    margin-bottom: 1.4em;
    margin-bottom: 10px;
}

/*content headers*/
/*.main-content h1,*/ .blogentry h1 {
    font-size: 28px;
    line-height: 30px;
}

.main-content h2, .main-content h3, .main-content h4 {
    padding-top: 10px;
}

/*.main-content h2, .main-content h3,*/
.blogentry h2, .blogentry h3 {
    font-size: 20px;
    line-height: 22px;
}

.txt-color-1 {
    color: #999999;
    font-size: 12px;
    font-weight: bold;
}

.txt-color-2,
.breadcrumb a {
    color #0168b0;
}

.txt-color-3 {
    color: #ccc;
}

footer, .breadcrumb {
    font-size: 12px;
}
/*  [/fonts]  */

/*  [header]  */
.header { /*Banner in use*/
    /* background: url('images/bg-apple.png') no-repeat 200px 0;*/
}

img.logo {
    margin: 34px 0 34px 15px;
}
/*.header .srch-box {
	background: none;
	padding: 0;
	float: right;
	margin-top: 25px;
	opacity: 0.7;
}*/
.srch-box input {
    height: 30px;
    border: solid 1px #cbdee7;
}

    .srch-box input[type="text"] {
        background: #f5f5f5 none repeat scroll 0 0;
        border: medium none;
        border-radius: 0;
        box-shadow: none;
        height: 45px;
        margin: 0 4px;
        padding: 0 15px;
        width: 172px;
        font-family: Lato,"Helvetica Neue", Helvetica, Arial, sans-serif;
        placehoder-text: "testi";
    }
/*.srch-box .s-btn:before {
	display: inline-block;
	margin-right: .4em;
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f105";
	color: #ffffff;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}*/
.fleft.s-btn {
    padding-bottom: 2px;
}
/*.srch-box .s-btn {
	background: #79b819 none repeat scroll 0 0;
	border: medium none;
	color: #ffffff;
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 24px;
	height: 45px;
	width: 48px;
	}*/
.srch-box .s-btn {
    width: 48px;
    height: 45px;
    padding: 2px 0;
    border: none;
    display: inline-block;
    background: url(images/srch-btn.png) no-repeat center center;
    background-color: #e37500;
}
    /*.srch-box .s-btn:hover {
		background: #5d9911 none repeat scroll 0 0;
		display: inline-block;
		background: url(images/srch-btn.jpg) no-repeat center center;
		background-color: #5d9911;
		box-shadow: inset 0 8px 8px 0 rgba( 255, 255, 255, 0.2);
		-webkit-box-shadow: inset 0 8px 8px 0px rgba( 255, 255, 255, 0.2);
	}*/
    .srch-box .s-btn:hover {
        background: #5d9911 none repeat scroll 0 0;
        display: inline-block;
        background: url(images/srch-btn.png) no-repeat center center;
        background-color: #5d9911;
        /*box-shadow: inset 0 8px 8px 0 rgba( 255, 255, 255, 0.2);
		-webkit-box-shadow: inset 0 8px 8px 0px rgba( 255, 255, 255, 0.2);*/
    }
/*  [/header]  */

/*  [navbar]  */
.navbar .navbar-inner {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    border-radius: 0;
    box-shadow: none;
    filter: none;
    /*background: #0173c2 none repeat scroll 0 0;*/
	background: #e37500 none repeat scroll 0 0;
	
    padding: 0;
    font-family: Montserrat,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    margin: 0 20px;
}
/*  .navbar.custom .navbar-inner
	{
		background-image: url('images/bg-black-grad.jpg');
	}*/
.navbar .nav > li > a,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    text-decoration: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .navbar .nav > li > a,
    .navbar .nav > li > a:hover,
    .navbar .nav > li > a:focus {
        color: #ffffff;
    }

.topnav.navbar .nav {
    /*background: transparent url('images/border_nav.jpg') no-repeat right top;*/
}

    .topnav.navbar .nav > li > a {
        color: #ffffff;
        text-transform: uppercase;
        vertical-align: middle;
        padding-top: 15px;
        font-size: 15px;
    }

.navbar.custom li:first-child {
    background: none;
}

.navbar.custom li {
    /*background: url('images/v-sep-white.gif') no-repeat 0 50%;*/
}

    .navbar.custom li a:hover {
        color: #ffffff;
    }

.topnav.navbar .nav > li.active,
.topnav.navbar .nav > li:hover {
    background: #1ba2ff none repeat scroll 0 0;
}

    .topnav.navbar .nav > .active > a,
    .topnav.navbar .nav > li:hover > a:hover {
        /*background: url('images/bg-nav-act-arrow.gif') no-repeat 50% 100%;*/
        /*background: url('images/bg-nav-act-arrow.gif') no-repeat 50% 40px;*/
    }

    .topnav.navbar .nav > .active > a,
    .topnav.navbar .nav > li:hover > a:hover {
        color: #fff;
        /*text-shadow: 0px 1px #4a4a4a;*/
        padding-top: 15px;
    }

.navbar .nav > li > a,
.navbar .nav > .active > a {
    color: #bce1f6;
    padding-bottom: 17px;
    box-shadow: none;
}

/*  [custom]  */
.navbar.custom {
    line-height: normal;
    margin-bottom: 0;
}

    .navbar.custom .navbar-inner {
        margin: 0;
        min-height: 0;
        padding: 0 20px;
        background-color: #ffffff;
    }

    .navbar.custom .nav {
        margin-right: 0;
    }

        .navbar.custom .nav > li > a {
            padding: 3px 4px;
        }

        .navbar.custom .nav > li.last > a {
            padding-right: 0;
        }

        .navbar.custom .nav > li.active {
            background-color: inherit;
        }

            .navbar.custom .nav > li.active > a {
                color: #ffffff;
                box-shadow: none;
                background-color: inherit;
            }

        .navbar.custom .nav > li a {
            color: #006ab4;
        }

            .navbar.custom .nav > li a:hover {
                text-decoration: underline;
            }
/*  [/custom]  */
/*  [/navbar]  */

.row-fluid div.span4 {
    padding: 0;
}

.navbar-static-bottom {
    min-height: 100px;
    color: #999;
    font-size: 14px;
    padding: 20px 20px 20px 0;
}

.color-alt, .color-alt:hover {
    text-transform: uppercase;
    font-weight: normal;
    color: #bce1f6;
}

/*
footer .dual.first
{
	margin-right: 15%;
}
footer .social-links
{
	float: right;
	text-align: right;
}

.navbar-static-bottom.custom-bg footer
{
	padding: 0px 20px;
}

.navbar-static-bottom.custom-bg footer div.address
{
	width: 30%;
}

.navbar-static-bottom.custom-bg footer div.social-links
{
	width: 70%;
	margin-left: 0;
}

*/
footer .icon-item {
    width: auto;
    display: inline-block;
    min-height: 25px;
}

footer .icon-item {
    background: none;
}

    footer .icon-item a {
        padding: 5px 0 15px 30px;
        margin-left: 0;
    }

    footer .icon-item.item-1 a {
        background: url('images/icon-jaa.png') no-repeat 0 0;
        color: #FFFFFF;
    }

    footer .icon-item.item-2 a {
        background: url('images/icon-tulosta.png') no-repeat 0 0;
        color: #FFFFFF;
    }

    footer .icon-item.item-3 a {
        background: url('images/icon-3.png') no-repeat 0 0;
        color: #FFFFFF;
    }

/*
.row-fluid > div
{
	margin-bottom: 20px;
}
*/

/** [leftnav] **/
.sidebar-nav > ul > li::before {
    border-color: transparent #1b91d4;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.6em;
    content: "";
    display: block;
    float: right;
    height: 0;
    left: 0;
    position: relative;
    top: 16px;
}

.sidebar-nav > ul > li {
    /*background: url('images/lnav-arrow-r.png') no-repeat 100% 14px;*/
}

    .sidebar-nav > ul > li.selected-path, .sidebar-nav > ul > li.active {
        background-color: #ffffff;
        /*background-image: url("images/lnav-arrow-d.png");*/
    }

.sidebar-nav > ul li.selected-path > a, .sidebar-nav > ul li.selected-path > a.hover {
    border-bottom: medium none;
}

.nav-list a {
    color: ##1b91d4;
}

.nav-list > .active > a, .nav-list > .active > a:link {
    /*background-color: rgb(184, 0, 0);*/
    /*background-color: #1273BA;*/
    /*background: url("images/lnav-arrow-r.png") no-repeat scroll 97% 8px rgba(0, 0, 0, 0);*/
    /*border-bottom: 1px solid #e37500;*/
    border-bottom: medium none;
    border-radius: 0;
    position: relative;
}

.sidebar-nav > ul > li .active::before {
    border-left: 0.35em solid transparent !important;
    border-right: 0.35em solid transparent !important;
    border-top: 0.6em solid #1b91d4 !important;
    top: 17px !important;
    content: "";
    display: block;
    float: right;
    height: 0;
    left: 0;
    position: relative;
}

.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
    background: transparent none repeat scroll 0 0;
    color: #e37500;
    text-shadow: none;
    font-weight: normal;
}

.nav > li > a:hover, .nav > li > a:focus {
}

.sidebar-nav, .sidebar-nav > ul {
    padding: 10px 0 0 0;
}

    .sidebar-nav > ul > li {
        line-height: 35px;
        margin-left: 10px;
        margin-right: 10px;
    }

.nav-list > li > a, .nav-list .nav-header {
    border-top: 1px solid #e3e3e3;
    margin: 0;
    padding: 3px 0px;
}

#Content_hrNavigation_ctl00_nodeitem > a {
    border-top: medium none;
}

.sidebar-nav > .nav > .selected-path, .sidebar-nav > .nav > .active {
    /*background-color: #f5f5f5;
	background-color: rgba(184, 0, 0, 0.05);
	background-color: #1273ba;*/
    /**ie8 hack*/
    /*<!-- [if IE]> background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19B80000,endColorstr=#19B80000);
	zoom: 1;
	<![endif]; -->*/
}

.sidebar-nav > .nav > .selected-path, .sidebar-nav > .nav > .active {
    /*background-color: #f5f5f5;
	background-color: rgba(184, 0, 0, 0.05);
	background-color: #1273ba;*/
    /**ie8 hack*/
    /*<!-- [if IE]> background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19B80000,endColorstr=#19B80000);
	zoom: 1;
	<![endif]; -->*/
}

.sidebar-nav ul {
    margin: 0;
    padding: 0;
    font-family: Montserrat,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.02em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.sidebar-nav li.active > a:hover {
    background: #e37500 none repeat scroll 0 0;
    color: #ffffff;
    text-decoration: none;
}
/*.sidebar-nav > .nav > li > a:hover::before, .sidebar-nav > .nav > li > a:focus::before {
	border-left: 0.35em solid transparent !important;
	border-right: 0.35em solid transparent !important;
	border-top: 0.6em solid #006ab4 !important;
	top: 17px !important;
	content: "";
	display: block;
	float: right;
	height: 0;
	left: 0;
	position: relative;
}*/
.sidebar-nav > .nav > li > a:hover, .sidebar-nav > .nav > li > a:focus {
    background-color: #e37500;
    color: #ffffff;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    text-shadow: none;
}

.sidebar-nav ul ul li a {
    border-top: 1px solid #e3e3e3;
    font-size: 13px;
    padding-left: 15px;
}

.nav-list > li > a, .nav-list .nav-header {
    text-shadow: none;
}

.nav.nav-list > li::before {
    border-color: transparent #1b91d4;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.6em;
    content: "";
    display: block;
    float: right;
    height: 0;
    left: 0;
    position: relative;
    top: 16px;
}

.nav.nav-list > li.active::before {
    border-left: 0.35em solid transparent !important;
    border-right: 0.35em solid transparent !important;
    border-top: 0.6em solid #1b91d4 !important;
    top: 17px !important;
    content: "";
    display: block;
    float: right;
    height: 0;
    left: 0;
    position: relative;
}

.nav.nav-list > li.active > a:hover::before {
    border-left: 0.35em solid transparent !important;
    border-right: 0.35em solid transparent !important;
    border-top: 0.6em solid #1b91d4 !important;
    top: 13px !important;
    content: "";
    display: block;
    float: right;
    height: 0;
    left: 9px;
    position: relative;
}

.nav.nav-list > li.selected-path::before {
    border-left: 0.35em solid transparent !important;
    border-right: 0.35em solid transparent !important;
    border-top: 0.6em solid #1b91d4 !important;
    top: 17px !important;
    content: "";
    display: block;
    float: right;
    height: 0;
    left: 0;
    position: relative;
}

.nav.nav-list > li {
    line-height: 35px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #e37500;
    color: #ffffff;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 25px;
    text-decoration: none;
    color: #ffffff;
}

.nav > li li li a:hover {
    padding-left: 35px;
}

.topnav.navbar .nav > li > a:hover, .topnav.navbar .nav > li > a:focus {
    margin-left: 0px;
    margin-right: 0px;
}

.sidebar-nav ul ul ul li a {
    padding-left: 25px;
}

.sidebar-nav ul ul ul ul li a {
    padding-left: 40px;
}
/*  [/leftnav]  */

/*  [bg-color]  */
.row-fluid div.nc-content, .row-fluid .sidebar-nav {
    /*background-color: #eae5e8;
	background-color: rgba(51,51,51, 0.05);*/
}

/*.content-page .main-content .row-fluid .nc-content
{
	background-color: rgba(255,255,255, 0.4);
	/**ie8 hack*/
/*<!-- [if IE]> background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF);
	zoom: 1;
	<![endif]; -->*/
/*}*/
/*  [/bg-color]  */

.row-fluid div.nc-content {
    background-color: #ffffff;
    padding: 10px 10px;
    margin-bottom: 25px;
    border-radius: 0;
}
/*.nc-content.main-content {
	border-top: 6px solid #e37500;
}
.right-content>.nc-content {
	border-top: 6px solid #e37500;
}*/
/** Alasivujen värilliset borderit **/
/* Yhteystiedot */
.active-node-2 .nc-content.main-content, .active-node-2 .right-content > .nc-content {
    border-top: 6px solid #e37500;
}

.active-node-2 .nc-content.content-single.border-color-14.bg-color-14,
.active-node-2 .nc-content.content-single.border-color-15.bg-color-15,
.active-node-2 .nc-content.content-single.border-color-16.bg-color-16,
.active-node-2 .nc-content.content-single.border-color-17.bg-color-17 {
    border-top: medium none;
}
/* Potilaalle */
.active-node-3 .nc-content.main-content, .active-node-3 .right-content > .nc-content {
    border-top: 6px solid #ffa100;
}

.active-node-3 .nc-content.content-single.border-color-14.bg-color-14,
.active-node-3 .nc-content.content-single.border-color-15.bg-color-15,
.active-node-3 .nc-content.content-single.border-color-16.bg-color-16,
.active-node-3 .nc-content.content-single.border-color-17.bg-color-17 {
    border-top: medium none;
}
/* Ammattilaiselle */
.active-node-4 .nc-content.main-content, .active-node-4 .right-content > .nc-content {
    border-top: 6px solid #09cfb6;
}

.active-node-4 .nc-content.content-single.border-color-14.bg-color-14,
.active-node-4 .nc-content.content-single.border-color-15.bg-color-15,
.active-node-4 .nc-content.content-single.border-color-16.bg-color-16,
.active-node-4 .nc-content.content-single.border-color-17.bg-color-17 {
    border-top: medium none;
}
/* Seututerveyskeskus */
.active-node-5 .nc-content.main-content, .active-node-5 .right-content > .nc-content {
    border-top: 6px solid #1b91d4;
}

.active-node-5 .nc-content.content-single.border-color-14.bg-color-14,
.active-node-5 .nc-content.content-single.border-color-15.bg-color-15,
.active-node-5 .nc-content.content-single.border-color-16.bg-color-16,
.active-node-5 .nc-content.content-single.border-color-17.bg-color-17 {
    border-top: medium none;
}

/** [/carousel] **/
.carousel-inner {
    background: #fff;
    border-radius: 0;
}

.carousel .item .dual.img-content {
    width: 70%;
    float: left;
    position: relative;
}

.carousel .item .extra {
    background: url('images/bg-carousel-txt.gif') no-repeat 100% 30%;
    position: absolute;
    width: 30px;
    height: 100px;
    top: 0;
    right: 0;
}

.carousel .item .dual.txt-content {
    width: 25%;
    float: left;
    padding: 2.5%;
}

.left.carousel-control::before {
    color: #ffffff;
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 48px;
    font-weight: bold;
    position: relative;
    top: 7px;
    left: -2px;
}

.left.carousel-control {
    background: #e37500 none repeat scroll 0 0;
    border-radius: 0;
    height: 50px;
    left: 10px;
    opacity: 0.8;
    width: 50px;
}

    .left.carousel-control:hover {
        background: #e37500 none repeat scroll 0 0;
        border-radius: 0;
        opacity: 1;
    }

.right.carousel-control::before {
    color: #ffffff;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 48px;
    font-weight: bold;
    position: relative;
    top: 7px;
    left: 2px;
}

.right.carousel-control {
    background: #e37500 none repeat scroll 0 0;
    border-radius: 0;
    height: 50px;
    right: 10px;
    opacity: 0.8;
    width: 50px;
}

    .right.carousel-control:hover {
        background: #e37500 none repeat scroll 0 0;
        border-radius: 0;
        opacity: 1;
    }
/** [/carousel] **/

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

    .navbar .nav > li > a:hover {
        margin-left: 0;
        margin-right: 0;
    }
/*body .container-fluid,
.topnav
{
	max-width: 1000px;
	margin: 0 auto;
}*/
body .container-fluid {
    max-width: 1000px;
    margin: 0 auto;
}

.topnav .navbar-inner {
    height: 50px;
    margin: 0;
}

.carousel-control {
    top: 50%;
    outline: none;
}

.carousel h3 {
    font-weight: normal;
    font-size: 24px;
    color: #b80000;
    font-family: Georgia;
    margin: 0 0 5.5% 0;
    line-height: normal;
    padding: 0;
}

.carousel-control {
    color: #aeb2b6;
    background: #e3e3e3;
    border-width: 0;
    font-weight: bold;
}

    .carousel-control:hover {
        color: #5b6673;
        background: none;
    }

.padded-l {
    padding-left: 15px;
}
/*.nc-content > h2 {
	min-height: 35px;
	line-height: 30px;
}*/

/*  [rss]  */
a.rss {
    display: block;
    width: 20px;
    height: 20px;
    background: url('images/rss-icon.png') no-repeat 0 0;
}

    a.rss:hover {
        background: url('images/rss-icon-act.png') no-repeat 0 0;
    }
/*  [/rss]  */

.nc-content > .item {
    /*margin-bottom: 15px;*/
    margin-bottom: 10px;
}

.nc-content .group-image,
.nc-content .content-image {
    margin-bottom: 15px;
}

.nc-content .group-image-right {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.nc-content > .align-r > a {
    border: 2px solid #1b91d4;
    font-family: Montserrat,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.02em;
    padding: 8px 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.align-r > a:hover {
    background-color: #1b91d4;
    color: #ffffff;
    text-decoration: none;
}

.align-r > a:active {
    background: #1b91d4 none repeat scroll 0 0;
    color: #ffffff;
    text-decoration: none;
}

.align-r > a:focus {
    background: #1b91d4 none repeat scroll 0 0;
    color: #ffffff;
    text-decoration: none;
}

.linklist-item a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #1b91d4;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.linklist-item a {
    padding-left: 5px;
    margin-bottom: 5px;
}

.navbar-static-bottom.custom-bg {
    padding: 0;
    height: auto;
    margin-top: 0;
    float: left;
    width: 100%;
}
/*
.social-links .icon-item
{
	float: left;
}
*/

/*  [footer]  */
footer {
    padding: 20px;
    background: #1273ba;
    font-size: 15px;
    line-height: 20px;
}

    footer .row-fluid > div {
        margin-bottom: 10px;
    }

    footer h2 {
        margin-top: 0;
        font-size: 16px;
        margin-bottom: 10px;
        color: #FFFFFF;
    }

    footer h4 {
        margin-top: 0;
        font-size: 14px;
        margin-bottom: 10px;
        color: #BCE1F6;
        font-weight: normal;
        text-transform: uppercase;
    }

    footer p {
        color: #ffffff;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    footer .fa {
        font-size: 24px;
    }

    footer a {
        padding-right: 13px;
        color: #ffffff;
        line-height: 30px;
    }

        footer a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

        footer a:before {
            display: inline-block;
            margin-right: .4em;
            text-indent: 2px;
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f105";
            color: #ffffff;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transform: translate(0, 0);
        }

        footer a:after {
            font-size: 1em;
            margin-left: 5px;
            position: absolute;
        }

    footer .some-links a:before {
        content: none;
    }

    footer .social-links .icon-item {
        float: left;
    }

        footer .social-links .icon-item, footer .social-links .icon-item > a {
            display: block;
        }

    footer .social-links .item-1 a {
        margin-left: 0;
    }

    footer .some-links a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        font-family: Montserrat,"Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.02em;
        line-height: 1.2em;
    }

.collapser {
    display: none;
}

.clearer {
    clear: both;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    font-family: Montserrat,"Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    margin-top: -12px;
    padding: 0 10px;
}

/**** Etusivun portletit ****/
/** Päivystys **/
body .row-fluid div.bg-color-1 {
    background-color: #ec2022;
}

.bg-color-1 {
    color: #ffffff !important;
}

.border-color-1 {
}

.bg-color-1 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 94px;
}

.bg-color-1 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-1 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-1 li {
    list-style: outside none none;
}

/** Ajanvaraus **/
body .row-fluid div.bg-color-2 {
    background-color: #e37500;
}

.bg-color-2 {
    color: #ffffff !important;
}

.border-color-2 {
}

.bg-color-2 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 118px;
}

.bg-color-2 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}



/** Ohjeita potilaalle **/
body .row-fluid div.bg-color-3 {
    background-color: #1b91d4;
}

.bg-color-3 {
    color: #ffffff !important;
}

.border-color-3 {
}

.bg-color-3 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 184px;
}

.bg-color-3 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-3 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-3 li {
    list-style: outside none none;
}

/** Anna palautetta **/
body .row-fluid div.bg-color-4 {
    background-color: #0173c2;
}

.bg-color-4 {
    color: #ffffff !important;
}

.border-color-4 {
}

.bg-color-4 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 168px;
}

.bg-color-4 .item > p {
    color: #ffffff !important;
}

.bg-color-4 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-4 li {
    list-style: outside none none;
}
.bg-color-4 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-4 li {
    list-style: outside none none;
}

/** Linkkibannerit **/
body .row-fluid div.bg-color-5 {
    background-color: #ffffff;
    border-bottom: 1px solid #c2c2c2;
}

.bg-color-5 {
    min-height: 229px;
}

.border-color-5 {
}

.bg-color-5 .item > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.bg-color-5 > .item img {
    margin-bottom: -1px !important;
}

/** Kuvakaruselli **/
body .row-fluid div.bg-color-6 {
    background-color: #ffffff;
    padding: 0;
}

.bg-color-6 {
}

.border-color-6 {
}

.bg-color-6 .item > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

/** Keskeiset palvelut **/
body .row-fluid div.bg-color-7 {
    background-color: #ffffff;
    border-bottom: 1px solid #c2c2c2;
    border-top: 6px solid #ffa100;
}

.bg-color-7 {
    min-height: 380px;
}

.border-color-7 {
}

.bg-color-7 .item > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.bg-color-7 .item > p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/** Ajankohtaista **/
body .row-fluid div.bg-color-8 {
    background-color: #ffffff;
    border-bottom: 1px solid #c2c2c2;
    border-top: 6px solid #1b91d4;
    position: relative;
}

.bg-color-8 {
    min-height: 280px;
}

.border-color-8 {
}

.bg-color-8 > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.w80.fleft.align-r {
    height: 20px;
    position: relative;
}

.bg-color-8 > .align-r {
    bottom: 10px;
    margin-bottom: 12px;
    margin-top: 15px;
    padding-top: 10px;
    position: absolute;
    right: 10px;
    text-align: right;
}

/** Hyvä tietää **/
body .row-fluid div.bg-color-9 {
    background-color: #ffffff;
    border-bottom: 1px solid #c2c2c2;
    border-top: 6px solid #ffa100;
}

.bg-color-9 {
    min-height: 380px;
}

.border-color-9 {
}

.bg-color-9 .item > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.bg-color-9 .item > p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/** Tietoa meistä **/
body .row-fluid div.bg-color-10 {
    background-color: #ffffff;
    border-bottom: 1px solid #c2c2c2;
    border-top: 6px solid #1b91d4;
}

.bg-color-10 {
}

.border-color-10 {
}

.bg-color-10 .item > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 6px;
    text-transform: uppercase;
}

.bg-color-10 .item > p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/** Meille töihin **/
body .row-fluid div.bg-color-11 {
    background-color: #ffffff;
    border-bottom: 1px solid #c2c2c2;
    border-top: 6px solid #09cfb6;
}

.bg-color-11 {
}

.border-color-11 {
}

.bg-color-11 .item > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.bg-color-11 .item > p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/** Opiskelijalle **/
body .row-fluid div.bg-color-12 {
    background-color: #ffffff;
    border-bottom: 1px solid #c2c2c2;
    border-top: 6px solid #09cfb6;
}

.bg-color-12 {
}

.border-color-12 {
}

.bg-color-12 .item > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.bg-color-12 .item > p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/** Yhteystiedot **/
body .row-fluid div.bg-color-13 {
    background-color: #ffffff;
    border-bottom: 1px solid #c2c2c2;
    border-top: 6px solid #e37500;
}

.bg-color-13 {
}

.border-color-13 {
}

.bg-color-13 .item > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.bg-color-13 .item > p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}




/** testi **/
body .row-fluid div.bg-color-57 {
    background-color: ##FFFFFF;
    border-bottom: 1px solid #c2c2c2;
    border-top: 6px solid #ffa100;
}

.bg-color-57 {
    min-height: 380px;
}

.border-color-57 {
}

.bg-color-57 .item > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.bg-color-57 .item > p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}




/** Urgent care **/
body .row-fluid div.bg-color-30 {
    background-color: #ec2022;
}

.bg-color-30 {
    color: #ffffff !important;
}

.border-color-30 {
    min-height: 225px;
}

.bg-color-30 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-30.item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-30 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-30 li {
    list-style: outside none none;
}

/** SCHEDULE AN APPOINTMENT **/
body .row-fluid div.bg-color-31 {
    background-color: #e37500;
}

.bg-color-31 {
    color: #ffffff !important;
}

.border-color-31 {
    min-height: 225px;
}

.bg-color-31 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-31 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-31 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-31 li {
    list-style: outside none none;
}

/** OPERATIONS AND SERVICES **/
body .row-fluid div.bg-color-32 {
    background-color: #1b91d4;
}

.bg-color-32 {
    color: #ffffff !important;
}

.border-color-32 {
    min-height: 225px;
}

.bg-color-32 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-32 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-32 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-32 li {
    list-style: outside none none;
}


/** FEEDBACK **/
body .row-fluid div.bg-color-33 {
    background-color: #0173c2;
}

.bg-color-33 {
    color: #ffffff !important;
}

.border-color-33 {
    min-height: 225px;
}

.bg-color-33 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-33 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-33 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-33 li {
    list-style: outside none none;
}


/**** Väriportletit alasivuille ****/
/** Päivystys **/
body .row-fluid div.bg-color-14 {
    background-color: #ec2022;
}

.bg-color-14 {
    color: #ffffff !important;
}

.border-color-14 {
}

.bg-color-14 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-14.item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-14 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-14 li {
    list-style: outside none none;
}

/** Ajanvaraus **/
body .row-fluid div.bg-color-15 {
    background-color: #e37500;
}

.bg-color-15 {
    color: #ffffff !important;
}

.border-color-15 {
}

.bg-color-15 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-15 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-15 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-15 li {
    list-style: outside none none;
}

/** Ohjeita potilaalle **/
body .row-fluid div.bg-color-16 {
    background-color: #1b91d4;
}

.bg-color-16 {
    color: #ffffff !important;
}

.border-color-16 {
}

.bg-color-16 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-16 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-16 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-16 li {
    list-style: outside none none;
}

/** Anna palautetta **/
body .row-fluid div.bg-color-17 {
    background-color: #0173c2;
}

.bg-color-17 {
    color: #ffffff !important;
}

.border-color-17 {
}

.bg-color-17 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-17 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-17 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-17 li {
    list-style: outside none none;
}

/** Ajankohtaista alasivuilla **/
body .row-fluid div.bg-color-18 {
    background-color: #ffffff;
    border-bottom: 1px solid #c2c2c2;
    border-top: 6px solid #1b91d4;
    position: relative;
}

.bg-color-18 {
}

.border-color-18 {
}

.bg-color-8 > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.w80.fleft.align-r {
    height: 20px;
    position: relative;
}

.bg-color-18 > .align-r {
    bottom: 10px;
    margin-bottom: 12px;
    margin-top: 15px;
    padding-top: 10px;
    position: absolute;
    right: 10px;
    text-align: right;
}

/**** Väriportletit alasivuille keskipalsta ****/
/** Päivystys **/
body .row-fluid div.bg-color-19 {
    background-color: #ec2022;
    margin-top: 20px;
}

.bg-color-19 {
    color: #ffffff !important;
}

.border-color-19 {
}

.bg-color-19 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-19.item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-19 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-19 li {
    list-style: outside none none;
}
/** Ajanvaraus **/
body .row-fluid div.bg-color-20 {
    background-color: #e37500;
    margin-top: 20px;
}

.bg-color-20 {
    color: #ffffff !important;
}

.border-color-20 {
}

.bg-color-20 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-20 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-20 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-20 li {
    list-style: outside none none;
}
/** Ohjeita potilaalle **/
body .row-fluid div.bg-color-21 {
    background-color: #1b91d4;
    margin-top: 20px;
}

.bg-color-21 {
    color: #ffffff !important;
}

.border-color-21 {
}

.bg-color-21 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-21 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-21 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-21 li {
    list-style: outside none none;
}
/** Anna palautetta **/
body .row-fluid div.bg-color-22 {
    background-color: #0173c2;
    margin-top: 20px;
}

.bg-color-22 {
    color: #ffffff !important;
}

.border-color-22 {
}

.bg-color-22 .item > h2 {
    border-bottom: 4px solid #ffffff;
    color: #ffffff !important;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.bg-color-22 .item > p {
    color: #ffffff !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.bg-color-22 ul li::before {
    color: #ffffff;
    content: "\2022";
    margin-left: -20px;
}

.bg-color-22 li {
    list-style: outside none none;
}

/** Uutisarkisto **/
body .row-fluid div.bg-color-23 {
    background-color: #ffffff;
    margin-top: 20px;
    position: relative;
}

.bg-color-23 {
}

.border-color-23 {
}

.bg-color-23 > h2 {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.w80.fleft.align-r {
    height: 20px;
    position: relative;
}

.bg-color-23 > .align-r {
    bottom: 10px;
    margin-bottom: 12px;
    margin-top: 15px;
    padding-top: 10px;
    position: absolute;
    right: 10px;
    text-align: right;
}

/* -- Synnytysvalmennus */
/* Video-nostot */
.bg-color-12 {
    /*min-height: 175px;*/
}

.video-wrapper {
    height: auto;
    width: 228px;
    text-align: center;
    position: relative;
    display: inherit;
}

.video-img {
    width: 228px;
    text-align: center;
}

    .video-img img {
        width: 100%;
    }

.video-logo {
    background: url('images/icon.png') no-repeat;
    height: 60px;
    width: 81px;
    position: absolute;
    z-index: 9;
    background-size: cover;
    left: 0;
    bottom: 5px;
}

.video-play {
    background: url('images/play.png') no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: 9;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%);
}

.video-part {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 1px 8px 2px;
    display: inline-block;
    background-color: #36a9e0;
    font-weight: bold;
    color: #fff;
}

.video-title {
    margin-left: 8px;
    padding-right: 8px;
    display: inline-block;
    font-weight: bold;
}

@media only screen and (max-width: 993px) {
    .bg-color-12 > .item {
        min-width: auto;
    }

    .video-wrapper {
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .video-title {
        margin-bottom: 40px;
        margin-top: 5px;
        font-size: 18px;
        padding-top: 5px;
    }
}

/* Muuta aiheesta */

.border-color-13 {
    /*border-top: solid 5px #000;*/
    border: none;
}

body .row-fluid div.bg-color-13 {
    /*background-color: #a9d7b3;
	background-color: rgba(102, 192, 119, 0.5);*/
    /**ie8 hack*/
    /*<!-- [if IE]> background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F66C077,endColorstr=#7F66C077);
	zoom: 1;
	<![endif]; -->*/
    background-color: #ffffff;
}

.bg-color-13 > h2 {
    color: #1273bb;
    text-align: left;
    border-bottom: 4px dotted #7ecdf2;
    margin-bottom: 15px;
    font-size: 1.5em;
    margin-top: 0;
    letter-spacing: -0.02em;
}

.bg-color-13 > .item {
    text-align: left;
}
/* -- End Synnytysvalmennus */

.w20 {
    width: 20%;
}

.w80 {
    width: 80%;
    border: none;
}

.wide {
    margin: -10px;
}

body.content-page .bg-wrap > .container-fluid {
    margin-top: 0;
}

/*read more link in nodepage*/
.nc-content > .item > .align-l > a {
    background: url('images/arrow-red-r.png') no-repeat 100% 50%;
    padding-right: 16px;
}

/*Newsarchive limit search checkbox*/
.search-form label {
    margin-bottom: 0px;
    display: inline;
}


.srch-box input:focus {
    outline: 1px solid red
}



.search-form legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 22px;
    color: #393f4e;
    border: 0;
    border-bottom: 0px;
}


/*-------Haku dialogi---------------------------*/
.dialog {
    background-color: #ffffff;
    text-align: left;
}

.dialog-content {
    float: left;
    background-color: #ffffff;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

    .dialog-content table.subjects {
        margin-bottom: 10px;
    }

        .dialog-content table.subjects td {
            padding: 2px;
        }

        .dialog-content table.subjects th {
            padding-left: 7px;
            padding-right: 5px;
        }

.subjects-category, .subjects-selected {
    border-left: 1px solid #A8A8A8;
    border-right: 1px solid #B8B8B8;
    border-top: 1px solid #818181;
    border-bottom: 1px solid #E5E5E5;
    height: 180px;
    width: 150px;
    padding: 1px;
    overflow-y: auto;
    overflow-x: hidden;
    background-image: url('images/textarea_white_bg.png');
    background-repeat: no-repeat;
    color: #2F2B2B;
    cursor: pointer;
    /*white-space: nowrap;  */
}

    .subjects-category ul, .subjects-selected ul {
        display: block;
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

        .subjects-category ul li, .subjects-selected ul li {
            display: block;
            padding-left: 2px;
            padding-right: 2px;
            padding-top: 1px;
            padding-bottom: 1px;
            line-height: 1.10em;
        }

            .subjects-category ul li.selected {
                background-color: #cccccc;
            }

            .subjects-category ul li:hover, .subjects-selected ul li:hover {
                background-color: #000000;
                color: #ffffff;
            }

        .subjects-selected ul li {
            padding-left: 15px;
            background-image: url('images/cross_red.gif');
            background-repeat: no-repeat;
            background-position: 4px center;
            border-bottom: 0px solid #D7D7D7;
            border-top: 0px solid #FFFFFF;
        }

.faded {
    background-image: none;
    background-color: transparent;
    border-style: none;
    height: auto;
    overflow: auto;
}

.no-border {
    border-style: none;
}

.ui-widget-overlay-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .50;
    filter: Alpha(Opacity=50);
    z-index: 99;
}
/**Sitemap*/
.sitemap ul li {
    list-style-type: none;
}

/**NewsArchive, EventCalendar ja Searchpagen tuloslista*/
table.searchtable {
    border-collapse: collapse;
    width: 100%;
}

    table.searchtable td {
        padding-left: 16px;
        padding-top: 5px;
        padding-right: 16px;
        padding-bottom: 2px;
        border-spacing: 0px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #CECECE;
        vertical-align: top;
    }


.search-validation-error {
    color: red;
}

/**Tapahtumakalenterin hakulaatikko*/
.calendar {
}

    .calendar table {
        width: 200px;
        border-collapse: collapse;
    }

    .calendar td {
        text-align: center;
        vertical-align: middle;
        padding-top: 5px;
        padding-bottom: 5px;
        border-style: solid;
        border-width: 1px;
        border-color: #CECECE;
    }

        .calendar td.selected {
            background-color: #999;
        }

        .calendar td.inactiveday {
            background-color: #EBEBEB;
        }

        .calendar td.today {
            background-color: #cad9f0;
        }

        .calendar td a:link, .calendar td a:hover, .calendar td a:visited {
            color: #000000;
            font-weight: normal;
        }

        .calendar td.selected a:link, .calendar td.selected a:hover, .calendar td.selected a:visited {
            color: #FFFFFF;
        }

    .calendar .header1 {
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #999;
    }

        .calendar .header1 a {
            font-size: 1.20em;
        }

            .calendar .header1 a:link, .calendar .header1 a:hover, .calendar .header1 a:visited {
                color: #FFFFFF;
                font-weight: bold;
            }

    .calendar .header2 {
        font-weight: bold;
    }

        .calendar .header2 a {
            font-size: 1.20em;
        }

            .calendar .header2 a:link, .calendar .header2 a:hover, .calendar .header2 a:visited {
                color: #000000;
                font-weight: bold;
            }

/*Document published and modified text*/
.documentdate {
    color: #666666;
    font-size: 12px;
}

/* Paging styles */
.page-list-controls {
    width: 100%;
}

    .page-list-controls table {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .page-list-controls td {
        vertical-align: middle;
    }

        .page-list-controls td div {
            width: 16px;
            height: 17px;
        }

    .page-list-controls .dots {
        color: #8D8D8D;
        font-weight: bold;
    }

    .page-list-controls .goto-page {
        margin-top: 1px;
        margin-left: 1px;
        padding-right: 2px;
        text-align: center;
        background: url('images/page_list_goto.png') no-repeat;
    }

        .page-list-controls .goto-page a {
            display: block;
            padding-top: 1px;
        }

            .page-list-controls .goto-page a:link, .page-list-controls .goto-page a:hover, .page-list-controls .goto-page a:visited {
                color: #8d8d8d;
                text-decoration: none;
                font-weight: bold;
            }

    .page-list-controls td.selected .goto-page a:link, .page-list-controls td.selected .goto-page a:hover, .page-list-controls td.selected .goto-page a:visited {
        color: #000000;
    }
/*Hakuboksit*/
.search-form input {
    height: 30px;
}

    .search-form input[type="checkbox"] {
        vertical-align: text-bottom;
        height: 15px;
    }

.search-form search-limit label {
    vertical-align: bottom;
}

.nc-content .content-attachments .nc-content h2 {
    font-weight: 600;
    color: #4c4c4c;
    font-size: 14px;
    margin-left: -10px;
    margin-top: -10px;
}

/*Office*/
.nc-content .office-info td {
    border: none;
}

.nc-content .office-info .office-info-description {
    margin-bottom: 15px;
}


.nc-content .office-info .name {
    font-weight: bold;
    color: #0168b0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 2px;
}

.nc-content .office-info .value {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
}

/*Event*/
.nc-content .event-space {
    margin-bottom: 15px;
}

.nc-content .event-info .name {
    font-weight: bold;
}

.nc-content .event-info .value {
}

/**common*/
.empty-row {
    margin-bottom: 15px;
}

/**add event*/
.nc-content .event-input-form label {
    /*font-weight: bold;*/
}

.nc-content .event-input-form .help {
    font-size: 0.9em;
    color: #666;
}

.mandatory {
    color: red;
}
/**tämäkään ei toiminut. rikkoo textboxin koon jos portlet zonen sisällä*/
/*Remove space from empty portlet zones*/
/*Remove space from empty portlet zones*/
#portletrow1 .row-fluid [class*="span"],
#portletrow2 .row-fluid [class*="span"],
#portletrow3 .row-fluid [class*="span"],
#portletrow4 .row-fluid [class*="span"],
#portletrow5 .row-fluid [class*="span"],
#portletrow6 .row-fluid [class*="span"],
#portletrow7 .row-fluid [class*="span"],
#portletrow8 .row-fluid [class*="span"],
#portletrow9 .row-fluid [class*="span"],
#portletrow10 .row-fluid [class*="span"],
#portletrow11 .row-fluid [class*="span"] {
    min-height: 0px;
}

#portletrow4 .row-fluid [class*="span"] {
    min-height: 0px;
}

#portletrow5 .row-fluid [class*="span"] {
    min-height: 0px;
}

/*Content classifications */
.classification {
    color: #666;
    border-top: 5px;
}

/*Top Banner*/
.banner {
    height: 140px;
    overflow: hidden;
    position: absolute;
}

/**Content directory portlet*/
.nc-content .contentdirectory label {
    font-weight: bold;
}

.nc-content .contentdirectory .selected {
    /*color: #B80000;
	font-size: 18px;*/
    font-weight: bold;
}

/*---------Liedosta tuodut----------------*/

/*  [pagelayout]    */
.bg-wrap > .navbar.custom {
    background-color: #ffffff;
}

    .bg-wrap > .navbar.custom > .custom-bg {
        max-width: 1000px;
        margin: 0 auto;
    }

.bg-wrap > .custom-bg {
    /*max-width: 980px;*/
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
}

/* media query footer overflow */
.bg-wrap {
    margin-bottom: -20px;
}

/*  [altered elements] */
/*.header .srch-box
{
	position: absolute;
	right: 30px;
	margin-top: 0;
	top: 30px;
	z-index: 70;
	opacity: 1;
}*/

img.logo {
    display: none;
}

.bg-wrap > .header {
    position: relative;
}

#hlLogoFrontpage {
    display: block;
    float: left;
    /*margin: 20px 0 0 27px;*/
    position: absolute;
    /*left: 50px;*/
    /*left: 30px;*/
    /*top: 20px;*/
    /*top: 10px;*/
    z-index: 70;
}

.header a.bg-img {
    /*display: block;*/
    display: none;
    overflow: hidden !important;
    height: 90px;
}

.bg-wrap > .header {
    overflow: hidden;
}

    .bg-wrap > .header a.bg-img img {
        /*min-height: 120px;*/
        min-height: 90px;
        min-width: 1000px;
        max-width: auto;
    }

body {
    background-image: none;
}

.nav-collapse.hidden-print.in.collapse {
    z-index: 900;
}

.nav-collapse ul.nav li {
    /*max-width: 125px;*/
    max-width: 300px;
    /*background: transparent url('images/border_nav.jpg') no-repeat right top;*/
}

    .nav-collapse ul.nav li a,
    .nav-collapse > ul.nav > li.active > a {
        /*padding: 0 10px;*/
        padding: 0 20px;
        min-height: 35px;
    }

/*  [/altered elements] */

.classificationheader {
    font-weight: bold;
}

.classification ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 15px;
}

    .classification ul li {
        display: inline;
    }

div.span6.center-content > div.nc-content {
    margin-bottom: -25px;
}

div.row-fluid div.nc-content.bottom {
    margin-top: 10px;
    margin-bottom: 25px;
}

.row-fluid div.nc-content.bottom {
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C333333,endColorstr=#0C333333)*/
    filter: none !important;
    background: none;
}

.content-picture {
    padding: 3px 3px 5px 3px;
    margin: 0px 10px 10px 10px;
    border-style: none;
    border-width: 0px;
}

.content-picture-left {
    float: left;
    padding: 3px 3px 5px 3px;
    margin: 0px 10px 10px 10px;
    border-style: none;
    border-width: 0px;
}

.content-picture-right {
    float: right;
    padding: 3px 3px 5px 3px;
    margin: 0px 10px 10px 10px;
    border-style: none;
    border-width: 0px;
}

.content-picture-text {
    margin: 0 0 10px 0;
    padding: 5px 0 0 0;
    font-size: 11px;
    line-height: 150%;
    color: #888;
    clear: both;
}

p.ingress {
    font-weight: bold;
}

/*Content directory*/
.contentdirectory > .alphabet > a {
    font-size: 16px;
    float: left;
    margin-right: 3px;
}

.contentdirectory > .alphabet.selected > a {
    font-size: 16px;
    float: left;
    color: #7dbe00;
    text-decoration: underline;
}


.carousel-caption {
    /* default fallback */
    background: #f2f2f2;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}

    .carousel-caption > p {
        color: #000;
    }

    .carousel-caption > h4 {
        color: #003399;
    }

        .carousel-caption > h4 a {
            /*background: url("images/big-arrow-white-r.png") no-repeat scroll 100% 55% transparent;*/
            color: #ffffff;
            padding-right: 28px;
        }

            .carousel-caption > h4 a:hover {
                text-decoration: none;
            }

.carousel-caption {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}

    .carousel-caption > p {
        color: #ffffff;
        font-size: 16px;
        /*text-shadow: 0 1px 1px #537316;*/
    }

    .carousel-caption > h4 {
        color: #ffffff;
        font-size: 26px;
        margin: 0 0 10px;
        /*text-shadow: 0 1px 1px #537316;*/
        line-height: 1.1em;
    }

.carousel-caption-text {
    /* default fallback */
    background: #f2f2f2;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
}

    .carousel-caption-text > p {
        color: #000;
    }

    .carousel-caption-text > h4 {
        color: #003399;
    }

table tr td img {
    max-width: none;
}


.comments-list table {
    width: 100%;
}

.comments-list td,
.forum-comments-list td {
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #D1D1D1;
    vertical-align: middle;
}

.comments-list tr.odd,
.forum-comments-list tr.odd {
    background-color: #F4F4F4;
}

.comments-list td.header-1 {
    font-size: 1.20em;
    width: 110px;
    font-weight: bold;
}

.comments-list td.header-2,
.forum-header-replycount,
.forum-header-viewcount {
    font-size: 1.20em;
    color: #000000;
    font-weight: bold;
}

.comments-list .comment,
.forum-comments-list .comment {
    padding-right: 30px;
    vertical-align: top;
}

.comments-list .comment,
.forum-header-viewcount,
.comments-list .header-2 {
    padding-left: 10px;
}

.contentcomment .help {
    font-size: 0.9em;
    color: #666;
}

.comments-write table {
    width: 95%;
    table-layout: fixed;
}

.comments-write td {
    vertical-align: top;
}

    .comments-write td.firstcolumn {
        width: 250px;
    }

.comments-write .name {
    float: left;
}

.comments-write .comment {
    float: left;
    width: 100%;
}

.comments-zerocomments {
    font-weight: bold;
}

.forum-thread-list tr {
    border-bottom: 1px solid #CECECE;
}

.forum-thread-replycount,
.forum-thread-viewcount {
    text-align: center;
}

.newThread a {
    font-weight: bold;
}

/* side content*/
.box-content .atticon {
    width: auto;
}

.dynamicform-radiobuttonlist td label {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
}

.dynamicform-radiobuttonlist td input {
    vertical-align: top;
    display: inline-block;
}

.dynamicform-help {
    margin-left: 0px !important;
    font-size: 0.9em;
    color: #666;
}

.dynamicform-subheading {
    font-weight: bold;
    padding-bottom: 5px;
}

.modal.fade.in {
    top: 3%;
}

.tagcloud1 {
}

.tagcloud2 {
    font-size: 115%;
}

.tagcloud3 {
    font-size: 130%;
}

.tagcloud4 {
    font-size: 145%;
}

.tagcloud5 {
    font-size: 160%;
}

.tagcloud6 {
    font-size: 175%;
}

.blogtags {
    border-bottom: 2px dotted #E3F2F8;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
}

a:hover, a:focus {
    color: #0168B0;
}

#hlFrontpage {
    /*background: transparent url('images/border_nav.jpg') no-repeat left top;*/
}

.nc-content > .item img {
    border-radius: 0;
    margin-bottom: 0.625em;
}

.nc-content li {
    line-height: 1.65em;
}

table tr td img {
    /*padding-right: 0.5em;*/
    /*padding-right: 7px;*/
}

table tr td {
    /*height: 1.9em;*/
}

footer table tr td {
    height: 1.9em;
    vertical-align: middle;
}

/* Kuvakaruselli */
/*#Content_ctl01_ncContainer 
*{
*   padding: 0;
}*/

.carousel {
    line-height: 1;
    margin-bottom: -20px !important;
    position: relative;
}

.pull-left {
    float: left;
    font-size: 13px;
}

.pull-right {
    float: right;
    font-size: 13px;
}

footer {
    margin-left: 0px;
    margin-right: 0px;
}

    footer .span3 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    footer .row-fluid.hidden-print {
        background: #002d5d;
        display: none;
    }

    footer .icon {
        width: 35px;
    }

    footer .some-links td {
        padding-bottom: 15px;
    }

.some-links {
    margin-top: -15px;
}

.navbar .btn, .navbar .btn-group {
    margin-top: 0px;
}

.navbar .btn-navbar {
    padding: 0px 10px;
}

.navbar .container {
    width: 1000px;
}

.row-fluid [class*="span"] {
    min-height: 0 !important;
}

.carousel-control {
    background: none;
    border: none;
    border-radius: none;
    color: #FFFFFF;
    font-size: 0;
    font-weight: 100;
    height: 40px;
    left: 15px;
    line-height: 30px;
    margin-top: 0px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    // first ! filter: alpha(opacity=100);
    // second ! position: absolute;
    text-align: center;
    top: 40%;
    width: 40px;
}

    .carousel-control:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        // first ! filter: alpha(opacity=100);
        // second !;
    }

footer .numero {
    color: #ffffff;
    font-size: 16px;
}

.navbar {
    margin-bottom: 25px;
}


/* frontpage specific */

.delimitedcontentsearch {
    height: 100px;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
}

    .delimitedcontentsearch #txtDelimitedContentSearchText {
        width: 300px;
    }

    .delimitedcontentsearch br {
        clear: both;
    }

.breadcrumb > li > .divider {
    color: #1b91d4;
    padding: 0 5px;
}

.table {
    position: relative;
    background: #e1f3ff none repeat scroll 0 0;
    border-radius: 0;
    border: 0px solid #ffffff;
    margin-bottom: 20px;
    width: 100%;
}

.table-office-info-Phone {
    position: relative;
    background: #e1f3ff none repeat scroll 0 0;
    border-radius: 0;
    border: 0px solid #ffffff;
    margin-bottom: 0px;
    width: 100%;
}

.table-office-info-visitor {
    position: relative;
    background: #e1f3ff none repeat scroll 0 0;
    border-radius: 0;
    border: 0px solid #ffffff;
    margin-bottom: 0px;
    width: 100%;
}


.table div.nc-content {
    background: transparent none repeat scroll 0 0;
}

.map-form {
    margin-left: -10px;
    margin-right: -10px;
}

img {
    position: relative;
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}

#Content_Content_ncContent img {
    padding-bottom: 20px;
}

.well {
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    .well.sidebar-nav {
        margin-bottom: 25px;
        margin-top: 0;
        padding-top: 0;
    }

.cta-btn:before {
    /*background-color: #A01238;*/
    background-image: url("images/button-arrow.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    /*border: 1px solid #74a419;*/
    border-radius: 50%;
    content: "";
    height: 24px;
    position: absolute;
    right: 0.466667em;
    top: 0.466667em;
    width: 24px;
}

.cta-btn {
    background: #88bd24;
    background: -moz-linear-gradient(top, #88bd24 0%, #74a419 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bd24), color-stop(100%,#74a419));
    background: -webkit-linear-gradient(top, #88bd24 0%,#74a419 100%);
    background: -o-linear-gradient(top, #88bd24 0%,#74a419 100%);
    background: -ms-linear-gradient(top, #88bd24 0%,#74a419 100%);
    background: linear-gradient(to bottom, #88bd24 0%,#74a419 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bd24', endColorstr='#74a419',GradientType=0 );
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF !important;
    display: block;
    font-size: 0.9375em;
    font-weight: bold;
    line-height: 1.33333em;
    margin: 0 auto;
    padding: 0.6em 2.53333em 0.6em 1em;
    position: relative;
    text-decoration: none;
    z-index: 1;
}

/*#Content_ctl04_lnkExtraLink
{
	background: url("images/icon-paikka.png")no-repeat left center;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height:30px;
}*/

#Content_ctl04_lnkExtraLink {
    background: url("images/icon-paikka.png") no-repeat left center rgba(0, 0, 0, 0);
    display: block;
    padding: 0 0 5px 30px;
    font-weight: bold;
    border: 1px solid red;
    position: relative;
    line-height: 30px;
}

/** Etusivun portlettien linkit **/
.bg-color-1 p a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #ffffff;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-1 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-2 p a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #ffffff;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-2 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-3 p a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #ffffff;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-3 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-4 p a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #ffffff;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-4 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-7 a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #1b91d4;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-7 a {
    font-weight: normal;
    /*background: url("images/arrow-blue-r.png") no-repeat 0% 50%;*/
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-9 a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #1b91d4;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-9 a {
    font-weight: normal;
    /*background: url("images/arrow-blue-r.png") no-repeat 0% 50%;*/
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-10 a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #1b91d4;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-10 a {
    font-weight: normal;
    /*background: url("images/arrow-blue-r.png") no-repeat 0% 50%;*/
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-11 a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #1b91d4;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-11 a {
    font-weight: normal;
    /*background: url("images/arrow-blue-r.png") no-repeat 0% 50%;*/
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-12 a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #1b91d4;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-12 a {
    font-weight: normal;
    /*background: url("images/arrow-blue-r.png") no-repeat 0% 50%;*/
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-13 a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #1b91d4;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-13 a {
    font-weight: normal;
    /*background: url("images/arrow-blue-r.png") no-repeat 0% 50%;*/
    padding-left: 5px;
    margin-bottom: 5px;
}
/** Alasivujen portlettien linkit **/

.bg-color-14 a {
    color: #ffffff;
    margin-bottom: 5px;
}

.bg-color-15 a {
    color: #ffffff;
    margin-bottom: 5px;
}

.bg-color-16 a {
    color: #ffffff;
    margin-bottom: 5px;
}

.bg-color-17 a {
    color: #ffffff;
    margin-bottom: 5px;
}
/** Alasivujen portlettien linkit 19 - 22 **/
.bg-color-19 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-20 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-21 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-22 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-30 p a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #ffffff;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-30 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-31 p a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #ffffff;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-31 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-32 p a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #ffffff;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-32 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.bg-color-33 p a:before {
    display: inline-block;
    margin-right: .4em;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    color: #ffffff;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.bg-color-33 a {
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.addthis_button_compact {
    margin-bottom: 10px;
}

.text {
    /*margin: 1em 0;*/
    margin: 0;
}

.tagcloud1 {
    font-size: 10pt;
}

.tagcloud2 {
    font-size: 12pt;
}

.tagcloud3 {
    font-size: 14pt;
}

.tagcloud5 {
    font-size: 16pt;
}

.tagcloud6 {
    font-size: 18pt;
}

.tagcloud7 {
    font-size: 20pt;
}

.table th, .table td {
    border-top: medium none;
    line-height: 1.4em;
    padding: none;
    text-align: left;
    vertical-align: top;
}

.table-office-info-Phone th, .table-office-info-Phone td {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}

.table-office-info-visitor th, .table-office-info-visitor td {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}

.value {
    padding: 15px 15px 0;
}

.ftitlefree {
    padding: 0 0 5px;
}

/** Sisältöalueen keskipalsta **/
.span6.center-content {
    background: #ffffff none repeat scroll 0 0;
    margin-bottom: 25px;
}

#ContentStart {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 0;
    margin-bottom: 0px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px;
    color: #555555;
    font-size: 14px;
    height: 30px;
    line-height: 20px;
    margin-bottom: 15px;
    padding: 4px 6px;
    vertical-align: middle;
}

textarea {
    height: auto;
}

.dynamic-form table {
    margin-bottom: 15px;
}

/* Button primary */
.btn-primary {
    background-color: #0E6EB5;
    background-image: linear-gradient(to bottom, #1F83CE, #1273BA);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 8px 12px;
    text-align: center;
    vertical-align: middle;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #1188E0;
    color: #FFFFFF;
}

.btn:hover, .btn:focus {
    background-position: 0 -35px;
    text-decoration: none;
    transition: none 0s ease 0s;
}

.span3.left-content {
    border-top: 1px solid #ffffff;
}

/* Footerin copyright */
footer .row-fluid .span12 {
    width: 97%;
}

ul.image-list-2-col li {
    width: 48%;
}

ul.image-list-3-col li {
    width: 32%;
}

ul.image-list-4-col li {
    width: 23%;
}

ul.image-list {
    list-style: none;
    font-size: 0px;
    margin-left: -2.5%;
}


    ul.image-list li {
        display: inline-block;
        padding: 3px;
        margin: 0 0 5px 5px;
        background: #fff;
        border: 1px solid #ddd;
        font-size: 11px;
        line-height: 150%;
        color: #888;
        vertical-align: top;
        /*box-shadow: 0px 0px 5px #ddd;*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }


img.content-picture-image-4 {
    width: 100%;
}


img.content-picture-image-3 {
    max-width: 100%;
}

img.content-picture-image-2 {
    max-width: 100%;
}

img.content-picture-image-1 {
    max-width: 100%;
}

.content-picture-block-1 {
    float: left;
    padding: 3px 3px 5px 3px;
    margin: 0px 10px 10px 10px;
    border-style: none;
    border-width: 0px;
    border-color: #d7d7d7;
    width: 215px;
}

.content-picture-block-2 {
    float: right;
    padding: 3px 3px 5px 3px;
    margin: 0px 10px 10px 10px;
    border-style: none;
    border-width: 0px;
    border-color: #d7d7d7;
    width: 215px;
}

/*---------------------------------*/

#filtered-table {
    width: 100%;
}

    #filtered-table tr {
        border-bottom: 1px solid #ccc;
    }

    #filtered-table td {
        padding: 2px 0 4px 0;
    }

#streetSelector {
    list-style-type: none;
    padding: 10px;
    margin: 0;
}

    #streetSelector li {
        display: inline-block;
    }

        #streetSelector li a {
            font-weight: bold;
            margin: 1px;
            display: block;
            width: 20px;
            text-align: center;
            float: left;
            border: 1px solid #dcdcdc;
            background-color: #f5f5f5;
        }

            #streetSelector li a:hover {
                background-color: #dcdcdc;
            }

#content-filter-box {
    padding: 10px;
    background-color: #dcdcdc;
}

.content-filter-portlet label {
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 3px;
}

.content-filter-portlet .filter {
    display: inline-block;
    margin: 0 0 10px 0;
}

.content-filter-portlet input {
    background: #f5f5f5 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    height: 45px;
    padding: 0 15px;
    width: 161px;
    font-family: Lato,"Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 10px;
}

    .content-filter-portlet input:focus {
        border-color: none;
        outline: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.content-filter-portlet .no-result-text {
    color: red;
    margin-top: -22px;
    font-weight: bold;
}

.content-filter-portlet .search-icon {
    width: 45px;
    height: 45px;
    margin-left: 5px;
    background: url(images/srch-btn.png) no-repeat center center;
    background-color: #e37500;
    float: right;
}


.office-info-attachments-desktop .content-attachments .nc-content {
    padding-left: 15px;
    background-color: #e1f3ff;
}

.office-info-attachments-mobile .content-attachments .nc-content {
    padding-top: 15px;
    padding-left: 20px;
    background-color: #e1f3ff;
}

.office-info-manager-desktop .office-info-manager {
    padding-top: 5px;
    padding-left: 5px;
    background-color: #e1f3ff;
}

.office-info-manager-mobile .office-info-manager {
    padding-top: 5px;
    padding-left: 10px;
    background-color: #e1f3ff;
}

/*
.srch-box .custom::placeholder {
	color:gray !important;
}
#txtSearchText:-ms-input-placeholder {
  color:gray !important;

}
*/
.ui-widget-content a {
    color: #0088cc !important;
}

    .ui-widget-content a:hover {
        color: #0168b0 !important;
    }

/*Potilaohjeet*/
.content-picture-block-2 {
    float: right;
    padding: 3px 3px 5px 3px;
    margin: 0px 10px 10px 10px;
    border-style: none;
    border-width: 0px;
    border-color: #d7d7d7;
    width: 215px;
}

.patientguidance table tr td {
    vertical-align: top !important;
}
/*vertical-align: baseline;*/
.patientguidance p {
    /* font-size: 0.75em;
	letter-spacing: -0.02em; */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0;
}

.patientguidance ul {
    /* font-size: 0.75em;
	letter-spacing: -0.02em; */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0;
}

.print-patientguidance {
}
/*Potilaohjeet*/

/*Tunnuslukuja*/
.reunustettu-ikoni-laatikko-kokoelma .span4, .reunustettu-ikoni-laatikko-kokoelma .span6, .reunustettu-ikoni-laatikko-kokoelma .span12 {
    border: 1px solid #d5d5d5;
    min-height: 150px !important;
    text-align: center;
    margin-bottom: 15px;
}

    .reunustettu-ikoni-laatikko-kokoelma .span4 i, .reunustettu-ikoni-laatikko-kokoelma .span6 i, .reunustettu-ikoni-laatikko-kokoelma .span12 i {
        font-size: 60px;
        padding-bottom: 20px;
        padding: 10px 0px 10px 10px;
    }

.reunustettu-ikoni-laatikko-kokoelma .teksti {
    overflow: hidden;
    text-overflow: ellipsis;
}

.iso-numero {
    font-size: 30px;
    padding: 10px 0px 10px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vari-vihrea {
    color: forestgreen;
}

.vari-punainen {
    color: red;
}

.vari-harmaa {
    color: #ccc;
}

.vari-sininen {
    color: #0168b0;
}
/*Tunnuslukuja*/

/*ReadSpeaker*/
.readspeaker-link {
    position: relative;
    float: none;
}

    .readspeaker-link a:hover, .readspeaker-link a:hover i {
        color: #005580;
        text-decoration: underline;
    }

    .readspeaker-link .icon-volume {
        position: absolute;
        top: 5px;
        width: 90px;
        right: 7px;
        float: none;
    }
/*ReadSpeaker*/

.content-single.bg-color-101, .content-single.bg-color-102, .content-single.bg-color-103, .content-single.bg-color-401, .content-single.bg-color-402, .content-single.bg-color-403 {
    min-height: 300px;
    position: relative;
}

.content-single.bg-color-201, .content-single.bg-color-202, .content-single.bg-color-203 {
    min-height: 150px;
    position: relative;
}




.bg-color-101, .bg-color-201 {
    background: #fff;
    box-shadow: inset 0px 0px 87px 0px rgba(1,78,164,0.25);
}
.bg-color-102, .bg-color-202 {
    background: #b509a0;
    box-shadow: inset 0px 0px 87px 0px rgba(161,1,164,0.25);
}
.bg-color-103, .bg-color-203 {
    background: #22b8dd;
    box-shadow: inset 0px 0px 87px 0px rgba(1,156,164,0.25);
}
.bg-color-104, .bg-color-204 {
    background: #22b8dd;
    box-shadow: inset 0px 0px 87px 0px rgba(1,156,164,0.25);
}



.content-single.bg-color-101 .item, .content-single.bg-color-102 .item, .content-single.bg-color-103 .item, .content-single.bg-color-201 .item, .content-single.bg-color-202 .item, .content-single.bg-color-203 

 .item, .content-single.bg-color-401 .item, .content-single.bg-color-402 .item, .content-single.bg-color-403 .item {
    position: absolute;
    z-index: 99;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    text-align: center;
}

.content-single.bg-color-101 .item, .content-single.bg-color-102 .item, .content-single.bg-color-103 .item, .content-single.bg-color-201 .item, .content-single.bg-color-202 .item, .content-single.bg-color-203 

 .item, .content-single.bg-color-401 .item, .content-single.bg-color-402 .item, .content-single.bg-color-403 .item {
    position: absolute;
    z-index: 99;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    text-align: center;
}

.content-single.bg-color-101 a.Nosto_ymparistoterveydenhuolto, .content-single.bg-color-201 a.Nosto_ymparistoterveydenhuolto {
    display: block;
    max-width: 80%;
    padding: 20px 12px;
    margin: 0 auto;
    background: #2c6ce4;
    color: #fff;
    font-weight: 600;
    font-size: 1.325em;
    text-decoration: none;
    transition: all 0.4s;
}
.content-single.bg-color-102 a.Nosto_ymparistoterveydenhuolto, .content-single.bg-color-202 a.Nosto_ymparistoterveydenhuolto {
    display: block;
    max-width: 80%;
    padding: 20px 12px;
    margin: 0 auto;
    background: #e42c85;
    color: #fff;
    font-weight: 600;
    font-size: 1.325em;
    text-decoration: none;
    transition: all 0.4s;
}
.content-single.bg-color-103 a.Nosto_ymparistoterveydenhuolto, .content-single.bg-color-203 a.Nosto_ymparistoterveydenhuolto {
    display: block;
    max-width: 80%;
    padding: 20px 12px;
    margin: 0 auto;
    background: #077e92;
    color: #fff;
    font-weight: 600;
    font-size: 1.325em;
    text-decoration: none;
    transition: all 0.4s;
}

/*Accessibility: Jump to content */
.jump-to-content {
    padding: 6px;
    position: absolute;
    left: -99999px;
    min-height: 0;
    height: 1px;
    margin-top: -1px;
    background: #fff;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: top 1s ease-out,background 1s linear;
    transition: top 1s ease-out,background 1s linear;
    z-index: 100;
}

    .jump-to-content:focus {
        top: 0;
        left: 0;
        background: #e37500;
        outline: 0;
        -webkit-transition: top .1s ease-in,background .5s linear;
        transition: top .1s ease-in,background .5s linear;
        height: 30px;
        color: rgb(255, 255, 255);
        font-size: 15.6px;
        font-weight: 400;
        line-height: 20px;
        padding-bottom: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        text-decoration: rgb(255, 255, 255);
        text-decoration-color: rgb(255, 255, 255);
        text-transform: uppercase;
    }