/*
Theme Name: Automatia
Theme URI: http://www.otto.wysiwyg.fi
Text Domain: automatia
Description: Otto.fi Theme
Author: Wysiwyg Oy
Author URI: http://www.otto.fi/
Version: 1.6
License: All rights reserved
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* General */

/* Text meant only for screen readers */
.screen-reader-text {
        position: absolute;
        left: -9000px;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
        max-width: 100%; /* When images are too wide for containing element, force them to fit. */
        height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
        display: inline;
        float: left;
        margin-right: 24px;
        margin-top: 4px;
}
.alignright,
img.alignright {
        display: inline;
        float: right;
        margin-left: 24px;
        margin-top: 4px;
}
.aligncenter,
img.aligncenter {
        clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
        margin-bottom: 12px;
}

/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #777;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Layout
-------------------------------------------------------------- */

* {margin: 0;}
html, body{color:#313131; background-color:#E5E5E5; font: 12px/16px 'Open Sans', sans-serif; padding:0; margin: 0; height:100%;}
#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px;
}
.wrap{width:950px; margin: 0 auto; position:relative;}

#header {height: 100px; position:relative;}
 .header-logo {position: absolute; top: 14px; left: 0px;}
 /*.header-lang {position: absolute; top: 50px; left: 605px;}*/
 
  .header-logo img {
    height: 68px;
    width: auto;
    margin: 20px;
  }

 /* language switcher*/
 .header-lang {
	position: absolute;
	top: 47px; 
	left: 564px;
}
 li.lang-item {
	display: inline-block;
	padding-left: 1.25em;
	margin-left: 1.25em;
	border-left: solid 1px #EEAA2F;
}
#language ul li a, #language ul li a:visited {
    color: #2C2C2C;
    text-transform: uppercase;
    font-size: 0.975em;
}
 /* end language switcher*/
  .flag {float:left; padding-right: 10px; }
 .search-content {float:left; margin-right:5px;}
 .search-submit {float:left;}
 .header-search {position: absolute; top: 24px; right: 0px; width:220px; height:50px; background-color:#fff; padding-top: 7px; padding-left: 7px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;}
 input#s, input#osoitehaku {width:150px; height: 37px; font: 12px/16px 'Open Sans', sans-serif; font-style:italic; padding-left: 12px; 
-moz-box-shadow: inset 0 0 2px #DBDBDB; -webkit-box-shadow: inset 0 0 2px #DBDBDB; box-shadow: inset 0 0 2px #DBDBDB; background-color:#fff;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
 input#osoitehaku {width:300px;}
 input.submit {color:#F6AC2A; width:40px; height:40px; background-color:#535353; border: 0px; cursor:pointer;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
font: 15px/19px 'Open Sans', sans-serif; font-weight: 800; 
background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(rgb(121,121,121)),
	color-stop(rgb(68,68,68))
);
}
 button.hae-sijainti {color:#F6AC2A; width:40px; height:40px; background-color:#535353; border: 0px; margin-left: 5px;padding-top:2px; cursor:pointer;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
font: 15px/19px 'Open Sans', sans-serif; font-weight: 800; 
background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(rgb(121,121,121)),
	color-stop(rgb(68,68,68))
);
}
.reittihaku_autopainike{
	padding: 12px 4px 0;
	color:red;
	background:url(/wp-content/plugins/ottomaps/auto.png) top center no-repeat;
} 
.reittihaku_autopainike_kupla{
	padding: 2px 6px ;
	color:red;
	background:url(/wp-content/plugins/ottomaps/auto.png) top center no-repeat;
} 
.reittihaku_kavelypainike{
	padding: 12px 4px 0;
	color:red;
	background:url(/wp-content/plugins/ottomaps/walker.png) top center no-repeat;
} 
.reittihaku_kavelypainike_kupla{
        padding: 2px 6px;
        color:red;
        background:url(/wp-content/plugins/ottomaps/walker.png) top center no-repeat;
}

.reittihaku{
	padding: 5px 4px 0;
	color:red;
}
#top-nav {background-color:#545454; color:#fff; height:60px; font: 18px/24px 'Open Sans', sans-serif; font-weight:700;
text-shadow: 0px 1px #414141; margin-bottom:20px; position: relative; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(rgb(121,121,121)),
	color-stop(rgb(68,68,68))
);
}

#top-nav ul {margin:0px; padding:0px;}
#top-nav li {float:left; display:inline;}
#top-nav a {color:#fff; padding-left: 35px; padding-right:35px; padding-top: 15px; padding-bottom: 16px; display:block; border-left: 1px solid #7C7C7C;}
#top-nav a:hover {
border-left: 1px solid #4A4A4A; 
background-image: linear-gradient(top, rgb(79,79,79), rgb(94,94,94));
background-image: -o-linear-gradient(top, rgb(79,79,79), rgb(94,94,94));
background-image: -moz-linear-gradient(top, rgb(79,79,79), rgb(94,94,94));
background-image: -webkit-linear-gradient(top, rgb(79,79,79), rgb(94,94,94));
background-image: -ms-linear-gradient(top, rgb(79,79,79), rgb(94,94,94));

background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(rgb(79,79,79)),
        color-stop(rgb(94,94,94))
);
}

#top-nav li.nav-otto.dot-after a:after {content: "."; color: #E30613;}
#top-nav li.nav-otto.dot-after a:hover{background-image:none; background-color:#F6AC2A;}

/*#top-nav li.nav-talletus.dot-after a:hover {background-image:none; background-color:#0D5E9B;}*/

#top-nav li.nav-talletus.dot-after a:hover {
	background: #f3ab36;
	background: -webkit-linear-gradient(left, #0D5E9B 58%,#f3ab36 42%);
	background: -o-linear-gradient(right, #0D5E9B 50%, #f3ab36 42%);
	background: -moz-linear-gradient(right, #0D5E9B, #f3ab36 58% 42%);
	background: -ms-linear-gradient(right, #0D5E9B 0%, #f3ab36 100%);
	background: linear-gradient(to right, #0D5E9B 58% , #f3ab36 42%);
	background-repeat: no-repeat;
}



#top-nav li.nav-talletus.dot-after a:after {content: "."; color: #E30613;}





/* Jani 2016 */

#top-nav li.nav-plus.dot-after a:hover, #top-nav li.nav-plus.dot-after a:hover {
background:#f3ab36 ;
background: -webkit-linear-gradient(left,#f3ab36  50%, #175792  50%); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #f3ab36  50%, #175792 50%); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #f3ab36  50%, #175792 50%); /* For Firefox 3.6 to 15 */
background: -ms-linear-gradient(right, #f3ab36  0%, #175792 100%);
background: linear-gradient(to right,  #f3ab36  50% , #175792 50%);
background-repeat: no-repeat;
}

#top-nav li.nav-fx.dot-after a:hover, #top-nav li.nav-fx.dot-after a:hover {
	background: #f3ab36;
	background: -webkit-linear-gradient(left, #CC3333 58%,#f3ab36 42%);
	background: -o-linear-gradient(right, #CC3333 50%, #f3ab36 42%);
	background: -moz-linear-gradient(right, #CC3333, #f3ab36 58% 42%);
	background: -ms-linear-gradient(right, #CC3333 0%, #f3ab36 100%);
	background: linear-gradient(to right, #CC3333 58% , #f3ab36 42%);
	background-repeat: no-repeat;
}


#top-nav li.nav-fx.dot-after a:after, #top-nav li.nav-fx.dot-after a:after {content: "."; color: #E30613;}
#top-nav li.nav-plus.dot-after a:after, #top-nav li.nav-plus.dot-after a:after {content: "."; color: #E30613;}


#top-nav li.current-menu-item.nav-etusivu a, #top-nav li.current-page-ancestor.nav-etusivu a {
	background: transparent; border-left: 0px; 
	text-indent: -9999px; background:url(images/icon-home.png) no-repeat center center; 
}

#top-nav li.nav-etusivu.current-menu-item a:after, #top-nav li.nav-etusivu.current-page-ancestor a:after {content: none;}
#top-nav li:first-child a{border-left: 1px solid transparent; 
text-indent: -9999px; background:url(images/icon-home.png) no-repeat center center !important;
}
/*
#top-nav li:first-child a:hover {border-left: 1px solid #4A4A4A;}

#top-nav li:last-child a:hover {border-right: 0px;}
*/

#top-nav li.current-menu-item a:after, #top-nav li.current-page-ancestor a:after {content: url(images/arrow-down2.png);}
#top-nav li.current-menu-item a, #top-nav li.current-page-ancestor a{padding-right:15px;}

#top-nav li.nav-etusivu.current-menu-item a, #top-nav li.nav-etusivu.current-page-ancestor a{padding-right:36px;}
#top-nav li.nav-otto.dot-after.current-menu-item a:after, #top-nav li.nav-otto.dot-after.current-page-ancestor a:after,
#top-nav li.nav-talletus.dot-after.current-menu-item a:after, #top-nav li.nav-talletus.dot-after.current-page-ancestor a:after,
#top-nav li.nav-plus.dot-after.current-menu-item a:after, #top-nav li.nav-plus.dot-after.current-page-ancestor a:after {content: "." url(images/arrow-down2.png); color: #E30613;}

#top-nav li.current-menu-item a, #top-nav li.current-page-ancestor a{
border-left: 1px solid #4A4A4A;
background-image: linear-gradient(top, rgb(79,79,79), rgb(94,94,94));
background-image: -o-linear-gradient(top, rgb(79,79,79), rgb(94,94,94));
background-image: -moz-linear-gradient(top, rgb(79,79,79), rgb(94,94,94));
background-image: -webkit-linear-gradient(top, rgb(79,79,79), rgb(94,94,94));
background-image: -ms-linear-gradient(top, rgb(79,79,79), rgb(94,94,94));

background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(rgb(79,79,79)),
        color-stop(rgb(94,94,94))
);}


#top-nav li.nav-otto.dot-after.current-menu-item a, #top-nav li.nav-otto.dot-after.current-page-ancestor a {background-image:none; background-color:#F6AC2A;}

#top-nav li.nav-etusivu a {padding-left:44px;}

#top-nav li.nav-etusivu a:hover {-webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px;}

.yellow-bar {background-color:#D2A20C; width: 950px; height: 5px; position:absolute;bottom:0px;left:0px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
}

#breadcrumbs {font: 14px/20px 'Open Sans', sans-serif; padding-left: 10px; margin-top: -5px; margin-bottom: 5px;}
#breadcrumbs {height:30px;}
#breadcrumbs a {color:#005092; text-decoration:underline;}

#left {float: left; width:190px; margin-right:10px;}
#left-nav {background-color:#fff; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
}
#left-nav {font: 14px/20px 'Open Sans', sans-serif; margin-bottom:20px;}
#left-nav li {display:inline;}
#left-nav a:hover {background-color:#F3F3F3; color:#005092;}
#left-nav a:hover:first-child {background-color:#F3F3F3; color:#005092;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
#left-nav a:hover:last-child {background-color:#F3F3F3; color:#005092;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}
#left-nav li.current_page_item a{background-color:#ECECEC; color:#005092;}
#left-nav li.current_page_item:first-child a{background-color:#F3F3F3; color:#005092;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
#left-nav li.current_page_item:last-child a{background-color:#F3F3F3; color:#005092;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}

#left-nav a {padding-left:15px; padding-top:13px; padding-bottom: 11px; border-bottom: 1px solid #E2E2E2;}
/*#left-nav a:before {content: "\00BB \0020"; color:#005092;}*/
#left-nav a {color:#005092; display:block;}
#left-nav a:hover {color:#005092; text-decoration:underline;}
#left-nav li span.bullet:before {content: "\00BB \0020"; color:#005092; margin-right:8px; float:left;}
#left-nav li div.link {display:inline-block; vertical-align:middle; line-height:normal; width:152px;}

.missa-otto {padding:15px;}
.missa-otto p {margin-bottom:10px;}
.missa-otto h1 {font: 14px/18px 'Open Sans', sans-serif; font-weight:700; margin-bottom:10px;}
.missa-otto a, .missa-otto a:link {color:#005092 !important; text-decoration:underline !important; padding:0 !important; border: 0 !important; display: inline !important;}
.missa-otto a:hover {padding:0 !important; border:0 !important; background: transparent !important; text-decoration: none !important; }
#geoloc h2 {font: 14px/18px 'Open Sans', sans-serif !important; font-weight:700 !important; margin-bottom:10px !important; padding-top: 10px !important; color:#313131 !important;}
#geoloc ol ul {margin-left:0; margin-bottom:10px;}
#side-banners {text-align:center;}
#side-banners img {margin-bottom:20px;}

#content{float:left; width: 750px;  font: 13px/15px 'Open Sans', sans-serif; background-color:#fff;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
}
#content.fullwidth {width: 950px;}
#content p {margin-bottom:15px;}
#content a {color:#005092; font-weight:700; text-decoration:underline;}
#content h1 {font: 32px/42px 'Open Sans', sans-serif; color:#005092; font-weight:600; text-transform:uppercase; margin-bottom:20px;}
#content h2 {font: 22px/26px 'Open Sans', sans-serif; color:#005092; font-weight:600; margin-bottom: 5px;}
#content ul {list-style-type:disc; margin-left:20px; margin-top:20px; margin-bottom:20px;}
#content ul li {list-style: none;}
#content ul li:before {
      /* For a round bullet */
      content:'\2022';
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -15px;
      top: -0px;
      color: #F6AC2A;
      font-size: 20px;}

#content ol {list-style-type:decimal-leading-zero; margin-left:30px;}
#content ol ul{margin-top:-6px;}
#content li {margin-bottom:10px;}
.feedback :is(input, button) {/*width:300px;*/ height:30px; border: 1px solid #A2A2A2; padding-left:5px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#content textarea {width:620px !important; height:170px !important; border: 1px solid #A2A2A2; padding-top:5px; padding-left:5px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.feedback input.submit {width:100px; height:35px; font-weight:600; background-color:#0D86EA; color:#fff; background-image:none; border:none; text-transform: uppercase;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;}
.feedback {padding-top:15px; padding-left:40px; padding-right:30px; background-color:#F9F9F9; border-top: 1px solid #A2A2A2; padding-bottom:20px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;}
.feedback :is(input, button), .feedback textarea {margin-bottom:10px; margin-top:2px;}
.feedback-column1 {width:310px; padding-right:10px; float:left;}
.feedback-column2 {width:310px; float:left;}

#kaikki-linkki {clear:both;color:#005092; font-weight:700; text-decoration:underline; cursor:pointer;margin-top: 50px;}
#atyyppi1{border:1px inset black;}
#atyyppi2{border:2px outset black;}
.otto-t {color:#005092;cursor:pointer;}
.otto-plus {color:#005092;cursor:pointer;}
.otto-a {cursor:pointer;}

.otto-o {color:orange;cursor:pointer;}
.otto-n {color:aqua;cursor:pointer;}
.otto-d {color:white;cursor:pointer;}
.otto-v {color:lime;cursor:pointer;}
.otto-y {color:black;cursor:pointer;} 


.disclamer {clear:both; display:block; font: 12px/14px 'Open Sans', sans-serif; margin-top:0px !important; padding-bottom:20px;}
blockquote {font: 22px/32px 'Open Sans', sans-serif; font-style:italic; margin-bottom:20px;}

#missa-otto {float:left; width: 750px;  font: 12px/14px 'Open Sans', sans-serif; background-color:#fff;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
margin-bottom:20px;margin-left:-40px;margin-top:10px;}
#map_canvas {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:750px; height:350px;}
.content-padding {padding-left:40px; padding-top:20px;
 padding-right:30px; padding-bottom:40px;}
.links {padding-left:30px; position:absolute; bottom:20px;}
.readmore {width:105px; height:30px; background-color:#5c5c5c; color:#fff; padding-top:12px; padding-left:30px; float:left;
font: 16px/16px 'Open Sans', sans-serif; text-shadow: 1px 1px #414141;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(rgb(121,121,121)),
	color-stop(rgb(68,68,68))
);
}
.readmore:hover {
background-image: linear-gradient(top, rgb(68,68,68), rgb(121,121,121));
background-image: -o-linear-gradient(top, rgb(68,68,68), rgb(121,121,121));
background-image: -moz-linear-gradient(top, rgb(68,68,68), rgb(121,121,121));
background-image: -webkit-linear-gradient(top, rgb(68,68,68), rgb(121,121,121));
background-image: -ms-linear-gradient(top, rgb(68,68,68), rgb(121,121,121));

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(rgb(68,68,68)),
	color-stop(rgb(121,121,121))
);
}
.page-id-20 .readmore {padding-left:15px;}
.page-id-20 #two-columns p {margin-bottom:7px;}
.mapslink {width:185px; height:30px; background-color:#5c5c5c; color:#fff; padding-top:12px; text-align:center; float:left; margin-left:10px; text-transform:uppercase;
font: 16px/16px 'Open Sans', sans-serif; text-shadow: 1px 1px #414141;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(rgb(121,121,121)),
	color-stop(rgb(68,68,68))
);
}
.mapslink:hover {
background-image: linear-gradient(top, rgb(68,68,68), rgb(121,121,121));
background-image: -o-linear-gradient(top, rgb(68,68,68), rgb(121,121,121));
background-image: -moz-linear-gradient(top, rgb(68,68,68), rgb(121,121,121));
background-image: -webkit-linear-gradient(top, rgb(68,68,68), rgb(121,121,121));
background-image: -ms-linear-gradient(top, rgb(68,68,68), rgb(121,121,121));

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(rgb(68,68,68)),
	color-stop(rgb(121,121,121))
);
}
.readmore a, .mapslink a {color:#fff;}
.readmore a:after {content: " \00BB \0020"; color:#F6AC2A;}

#two-columns {font: 14px/18px 'Open Sans', sans-serif; font-weight:600; }
#two-columns p {margin-bottom: 15px;}
 .column1 {position: relative; float:left; width:470px; height:375px; background:#fff url(images/talletus-automaatti.jpg) center right no-repeat; margin-right:10px; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;}
 .column2 {position: relative; float:left; width:470px; height:375px; background:#fff url(images/otto-automaatti.jpg) top right no-repeat;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999;}
 .column1-padding {padding-left:30px; padding-right: 180px; padding-top: 30px;}
 .column2-padding {padding-left:30px; padding-right: 220px; padding-top: 30px;}
 .bottombar {position:absolute; bottom: 0px; left: 0px; background-color:#F6AC29; width: 470px; height: 10px;
-webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;}
img.talletusotto {margin-bottom:10px; margin-left: -7px;}
img.otto {margin-top:-5px;}

#info {clear: both;height:90px; background-color:#fff; font: 36px/48px 'Open Sans', sans-serif; font-weight:300; font-style:italic; margin-bottom:15px; position:relative;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;}
.info-title {float:left; width:122px; height:50px; background-color:#595959; color:#fff; padding:20px; padding-left:23px;
-webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;}
.info-content {float:left; width: 745px; font-weight:300; font-style:italic; padding:20px; white-space: nowrap; overflow: hidden;
padding-left:0px;}
.info-content a {color:#313131;text-decoration:none;}
.info-content a:hover {color:#313131; text-decoration:underline;}
.info-fade {position:absolute; right:5px; top:0px; z-index: 1000; width:114px; height:90px; background:url(images/fade.png) no-repeat;}
.two-columns {clear:both;width: 950px; position: relative;}
.info-content2 {font-weight:300; font-style:italic; padding:20px; text-align:center;}

.announcements {float:left; width: 430px; height:350px; margin-right:10px; background-color:#fff; padding:20px; padding-bottom:13px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;}
.announcements h4 {font: 34px/42px 'Open Sans', sans-serif; font-weight:300; font-style:italic; padding-top: 0px; padding-bottom: 5px; border-bottom: 1px solid #A7A7A7;}
.annoucement-article {border-bottom: 1px solid #A7A7A7; padding-top:18px; padding-bottom:18px; font: 14px/16px 'Open Sans', sans-serif; font-weight:600;}
.annoucement-article h3 {font: 14px/19px 'Open Sans', sans-serif; font-weight:700; color:#0D5A98;}
.annoucement-article a {color:#0D5A98; text-decoration:none;}
.annoucement-article a:hover {color:#0D5A98; text-decoration:underline;}
.date {color:#313131;}
.archive-link {font: 14px/19px 'Open Sans', sans-serif; font-weight:600; margin-top:10px;}
.archive-link a {color:#0D86EA; /*text-decoration:underline;*/}

/* Jani 2016 */
.customer-service {float: left; /*height: 79px; width: 440px;*/ height:109px; width:470px; background-color:#0D86EA; 
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; /*padding:15px;*/
font: 14px/14px 'Open Sans', sans-serif; font-weight:600; color:#fff; text-align:center; overflow:hidden; position:relative;}
.customer-service h4 {font: 42px/80px 'Open Sans', sans-serif; color:#fff; font-weight:300; padding-top: 0px; padding-bottom: 0px; margin-bottom:0px; }
.customer-service h4 a:before {
  content: "\f059" ;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em; margin-right:10px;
}
.customer-service h4 a:before::hover {text-decoration:none !important; }
.customer-service a {color:#fff; text-decoration:none; display:block; line-height:109px;}
.customer-service a:hover {text-decoration:underline; }
/*.phone {padding-left:10px;padding-right:10px; height:20px; }*/
.envelope {padding-right:10px; height:20px; }
.phone img, .envelope img {vertical-align:middle;}


/* Jani 2016 */
.media {margin-top:10px; float: left; height: 234px; width: 440px; background:url(images/media-bg.png) no-repeat;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;
font: 14px/19px 'Open Sans', sans-serif; font-weight:600; color:#fff; padding:15px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.5);}
.media {background:url(images/ottoplus-bg.png) no-repeat;}
.media h4 {font: 34px/42px 'Open Sans', sans-serif; color:#fff; font-weight:700; padding-top: 0px; padding-bottom: 10px; margin-bottom:0px; 
text-shadow: 1px 1px rgba(0, 0, 0, 0.5)}
.media-content {padding-left:190px; padding-top:10px; padding-right:30px;}
.media p {margin-bottom: 17px;}
.dot {color: #E30613;}
.blue {color: #0D5A98;}
.spacing {padding-right:2px;}

.spacer15 {clear:both; height:15px;}
.spacer35 {clear:both; height:35px;}
.spacer75 {clear:both; height:75px;}

#automatia {clear:both; background-color:#F5A81C; font: 14px/18px 'Open Sans', sans-serif; color:#363636; overflow: hidden;}
#automatia strong {font-weight:600; font-style:italic;}
#automatia h5 {font: 16px/18px 'Open Sans', sans-serif; font-weight:700;}
#automatia hr {clear:both; background-color: #C88710; border: 0; height: 1px; margin-bottom: 30px;}
#automatia a {color:#363636; text-decoration:underline;}

 .automatia-column {float:left; width:880px; padding: 15px; margin-bottom: 15px;}
/* .automatia-column1 {float:left; width:440px; padding: 15px; margin-right: 5px;  margin-bottom: 30px;}
 .automatia-column2 {float:left; width:440px; border-left: 1px solid #C88710; padding: 15px; margin-bottom: 30px;}*/
 .automatia-column3 {float:left; width:295px;  padding-left: 15px; margin-right: 5px; margin-bottom:10px;}
 .automatia-column4 {float:left; width:215px;  margin-right: 5px; margin-bottom:10px;}
 .automatia-column5 {float:left; width:350px; padding: 15px; text-align:right; margin-bottom:10px;}

.shadow {clear:both; height:19px; background:url(images/shadow.png) top center no-repeat;}

#logos {clear:both;text-align:center; padding:10px; border-top: 1px solid #B1B1B1;}
a {color: #D50000; text-decoration: none;}
hr {clear:both; background-color: #dcdcdc; border: 0; height: 1px; margin-top: 20px; margin-bottom: 20px;}
img {border:0px;}

.push, #bottom-bar {clear:both; height:35px;}
#footer {clear:both; font: 12px/16px 'Open Sans', sans-serif; color:#fff; background-color:#515151; min-height:125px; padding: 15px; text-align:center; border-top: 1px solid #B1B1B1;
background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(rgb(121,121,121)),
	color-stop(rgb(68,68,68))
);
}

#footer .wrap {
  clear: both;
}

#footer h5 {
  font-size: 1em;
  font-weight: bold;
}

#footer a {
  color: #fff;
}

.footer-info .automatia-column4 {
  padding-top: 15px;
}

#footer .footer-info {
  text-align: left;
  font-size: 14px;
}

#comments {display:none;}

.selects {
    position: absolute; top: 0px; right: 0px;
}
.btn-group {
    display: inline-block;
    font-size: 0;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-group > .btn:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}
.btn-group > .btn-mini {
    font-size: 11px;
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.btn-group > .btn + .btn {
    margin-left: -1px;
}
.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #BBBBBB #BBBBBB #A2A2A2;
    border-image: none;
    border-radius: 0 0 0 0;
    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);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
.btn-primary {
    background-color: #666666;
    background-image: linear-gradient(to bottom, #666666, #666666);
    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-mini {
    border-radius: 0 0 0 0;
    font-size: 9px;
    padding: 1px 6px;
}
#toiminnot {position:relative;}
a#nayta_kaikki {text-decoration: none; font-weight:400;}
a#nayta_talletus {text-decoration: none; font-weight:400;}
a#nayta_kaikki.btn-mini {color:#333;}
a#nayta_talletus.btn-mini {color:#333;}
a#nayta_kaikki.btn-primary {color:#fff;}
a#nayta_talletus.btn-primary {color:#fff;}
.infowindow{max-width:400px;height:auto;margin:0;line-height:17px;}
#loader {
	position: absolute;
	top: 400px;
	left: 560px;
	background: #ffffffc2;
	padding: 13px;
	transform: translateX(-50%);
	border-radius: 50%;
}

.search-results .entry-utility, .search-results .entry-meta, .search-results .entry-utility {display:none;}
.search-results .post, .search-results .page {border-bottom: 1px solid #A7A7A7; padding-bottom: 18px; padding-top: 18px;}
.search-results h2.entry-title a {text-decoration:none !important; font: 14px/18px 'Open Sans', sans-serif;}
.search-results h2.entry-title a:hover {text-decoration:underline !important;}
.search-results #nav-above {display:none;}
.search-results #nav-below {margin-top:18px;}
.search-results .nav-previous {float:left;}
.search-results .nav-next {float:right;}

#post-534 h1.entry-title {display:none;}

#nav-above, #nav-below, .entry-utility {display:none;}

.toggle{
        border:1px solid #e8e8e8;
        margin-bottom:10px;
}
.toggle .title{
        font-size:15px;
        font-weight:700px;
        color:#777777;
        display: block;
        padding:20px 20px 20px 20px;
        cursor: pointer;
}
.toggle .title:before 
{
  content: "\f055";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
padding-right:10px; 
}
.toggle .title.active:before 
{
  content: "\f056";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
padding-right:10px; 
}
.toggle .title:hover{
        color:#ec7100;
}
.toggle .title.active{
        color:#ec7100;
}
.toggle .inner{
        display: none;
}
.toggle .inner div{
        padding:10px 20px 10px 20px;
        border-top:1px dotted #d5d5d5;
}

.symb {
	font-weight: bold;
	margin-left: 2px;
}

.label {max-width:100%; background-color:red; color:#fff; font-size:14px; padding:5px; text-align:center; font-weight:700;}

@font-face{font-family:'Glyphicons Regular';
src:url('/glyphicons/glyphicons-regular.eot');
src:url('/glyphicons/glyphicons-regular.eot?#iefix') 
	format('embedded-opentype'),url('/glyphicons/glyphicons-regular.woff2') 
	format('woff2'),url('/glyphicons/glyphicons-regular.woff') 
	format('woff'),url('/glyphicons/glyphicons-regular.ttf') 
	format('truetype'),url('/glyphicons/glyphicons-regular.svg#glyphiconsregular') 
	format('svg')} 
.glyphicons{
	position:relative;top:1px;display:inline-block;
	/*font-family:'Glyphicons Regular';font-style:normal;*/
	font-weight:normal;line-height:1;
	vertical-align:top;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale}
.infowindow .glyphicons {
	position: unset !important;
}
.glyphicons.x05{font-size:12px}
.glyphicons.x2{font-size:48px}
.glyphicons.x3{font-size:72px}
.glyphicons.x4{font-size:96px}
.glyphicons.x5{font-size:120px}
.glyphicons.light:before{color:#f2f2f2}
.glyphicons.drop:before{text-shadow:-1px 1px 3px rgba(0,0,0,0.3)}
.glyphicons.flip{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}
.glyphicons.flipv{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"}
.glyphicons.rotate90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.glyphicons.rotate180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.glyphicons.rotate270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.glyphicons-car:before{content:"\E006";font-family:'Glyphicons Regular';font-style:normal;margin-right: 2px;cursor:pointer;}
.glyphicons-person-walking:before{content:"\E563";font-family:'Glyphicons Regular';font-style:normal;margin-right: 2px;cursor:pointer;}
/*
li span.glyphicons-car span:before{content:"\E006";font-family:'Glyphicons Regular';font-style:normal;margin-right: 2px;padding:1px 4px 0;color:black;}
li span.glyphicons-car{color:red;}
li span.glyphicons-person-walking:before{content:"\E563";font-family:'Glyphicons Regular';font-style:normal;margin-right: 2px; 2px;padding:1px 4px 0;color:black;}
li span.glyphicons-person-walking{color:red;}*/

.ottohaku-otsikkorivi{float:left; font-size:13px; margin-bottom:4px;}
.malli {
  width: 44px;
}
.arvio {
  width: 79px;
}
.reitti {
  width: 88px;
}


#geoloc ol {margin:0; list-style-type:none !important;}
li.otto-a, li.otto-t, li.otto-plus {clear:both; list-style:none !important; margin-bottom:4px !important; position:relative;}
.ottohaku-tyyppi, .ottohaku-tiedot, .ottohaku-arvio, .ottohaku-auto, .ottohaku-walking, .ottohaku-tiedot {float:left; display:inline-block;}
.ottohaku-tyyppi {width:40px; height:40px; color:#fff; text-align:center; margin-right:4px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
font: 15px/19px 'Open Sans', sans-serif; line-height:40px; font-weight: 800;
background:#DA9930;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F3AB36),
	color-stop(1, #DA9930)
);
background-image: -o-linear-gradient(bottom, #F3AB36 0%, #DA9930 100%);
background-image: -moz-linear-gradient(bottom, #F3AB36 0%, #DA9930 100%);
background-image: -webkit-linear-gradient(bottom, #F3AB36 0%, #DA9930 100%);
background-image: -ms-linear-gradient(bottom, #F3AB36 0%, #DA9930 100%);
background-image: linear-gradient(to bottom, #F3AB36 0%, #DA9930 100%);
}
.otto-t .ottohaku-tyyppi {
	background:#175792;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #3A88D2),
	color-stop(1, #175792)
);
background-image: -o-linear-gradient(bottom, #3A88D2 0%, #175792 100%);
background-image: -moz-linear-gradient(bottom, #3A88D2 0%, #175792 100%);
background-image: -webkit-linear-gradient(bottom, #3A88D2 0%, #175792 100%);
background-image: -ms-linear-gradient(bottom, #3A88D2 0%, #175792 100%);
background-image: linear-gradient(to bottom, #3A88D2 0%, #175792 100%);
}
.otto-t .ottohaku-tyyppi:hover {
	background:#175792;

}
/*
.otto-plus .ottohaku-tyyppi {
	background:#DA9930;
	background: -webkit-linear-gradient(left top,#DA9930 50%, #175792 50%); *//* For Safari 5.1 to 6.0 *//*
    background: -o-linear-gradient(bottom right, #DA9930 50%, #175792 50%); *//* For Opera 11.1 to 12.0 *//*
    background: -moz-linear-gradient(bottom right, #DA9930 50%, #175792 50%); *//* For Firefox 3.6 to 15 *//*
    background: -ms-linear-gradient(bottom right, #3A88D2 0%, #175792 100%);
	background: linear-gradient(to bottom right, #DA9930 50% , #175792 50%);
	background-repeat: no-repeat;
}
.otto-plus .ottohaku-tyyppi:hover {
	background: linear-gradient(to right, #DA9930 50% , #175792 50%);
	background-repeat: no-repeat;
}
*/
.otto-plus .ottohaku-tyyppi {
	background:#f3ab36;
	background: -webkit-linear-gradient(left,#f3ab36 50%, #175792 50%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #f3ab36 50%, #175792 50%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #f3ab36 50%, #175792 50%); /* For Firefox 3.6 to 15 */
    background: -ms-linear-gradient(right, #f3ab36 0%, #175792 100%);
	background: linear-gradient(to right,  #f3ab36 50% , #175792 50%);
	background-repeat: no-repeat;
}
.otto-a.otto-fx .ottohaku-tyyppi {
	background: #CC3333;
}
.ottohaku-arvio {width:75px; height:40px; text-align:center;}
.ottohaku-auto, .ottohaku-walking {width:40px; height:40px; text-align:center;}
.ottohaku-auto span, .ottohaku-walking span {color:#f4aa36; font-family:'Glyphicons Regular';font-style:normal; text-align:center; line-height:40px; font-size:21px;}
.ottohaku-tiedot {background:#e5e5e5; padding:5px 10px; width:406px; min-height:30px;}
.ottohaku-tiedot.alert:after {content: "\E505"; position: relative; color:#e30613; margin-left:5px;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

.ottohaku-tiedot span.alert:after {content: "\E505"; position: relative; color:#e30613; margin-left:5px;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.ottohaku-tiedot span.warning:after {content: "\E505"; position: relative; color:orange; margin-left:5px;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
#kaikki-tulos ol li span.alert:after {content: "\E505"; position: relative; color:#e30613; margin-left:5px;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
#kaikki-tulos ol li span.warning:after {content: "\E505"; position: relative; color:orange; margin-left:5px;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
  
.ottohaku-arvio, .ottohaku-auto, .ottohaku-walking {
color:#fff; background-color:#535353; border: 0px; cursor:pointer; margin-right:4px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
font: 15px/19px 'Open Sans', sans-serif; line-height:40px; font-weight: 700;
background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(rgb(121,121,121)),
        color-stop(rgb(68,68,68))
);
}
.statusOFF::before {

  color: #f21e00 !important;
  content: "X";
  float: left;
  font-size: 12px !important;
  font-weight: 900;
  display:block;
  left: -12px !important;
}
.statusPART::before {
 
  color: #f21e00 !important;
  content: "/";
  float: left;
  font-size: 12px !important;
  font-weight: 900;
  display:block;
  left: -12px !important;
}
.statusINST::before {
	color: #00bd00 !important;
	content: "uusi";
	float: left;
	font-size: 12px !important;
	font-weight: 900;
	display: block;
	left: -42px !important;
	position: absolute;
}
.statusINST.sv::before {
	content: "ny";
}
.statusINST.en::before {
	content: "new";
}
.statusREMO::before {
	color: #f21e00 !important;
	content: "pois";
	float: left;
	font-size: 12px !important;
	font-weight: 900;
	display: block;
	left: -42px !important;
	position: absolute;
}
.statusREMO.sv::before {
	content: "bort";
}
.statusREMO.en::before {
	content: "closing";
}
.statusOK::before {
  
  color: #00bd00 !important;
  content: "OK";
  float: left;
  font-size: 12px !important;
 display:block;
  left:-19px !important;
  font-weight: 900;
}
.div-statusOFF{
background-color: #535353;
  background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(rgb(121,121,121)),
        color-stop(rgb(68,68,68))
);
  
  color: red;
  border: 0 none;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  font: 900 18px/40px "Open Sans",sans-serif;
  margin-right: 4px;
  width: 35px;
}

.div-statusPART {
  background-color: #535353;
  background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(rgb(121,121,121)),
        color-stop(rgb(68,68,68))
);
  
  color: red;
  border: 0 none;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  font: 900 18px/40px "Open Sans",sans-serif;
  margin-right: 4px;
  width: 35px;
}
.div-statusINST {
  background-color: #535353;
  background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(rgb(121,121,121)),
        color-stop(rgb(68,68,68))
);
  
  color: red;
  border: 0 none;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  font: 900 18px/40px "Open Sans",sans-serif;
  margin-right: 4px;
  width: 35px;
}
.div-statusINST::before {
	content: "uusi";
	color: #00bd00;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	font-size: 14px;
}
.div-statusINST.sv::before {
	content: "ny";
}
.div-statusINST.en::before {
	content: "new";
}
.div-statusREMO {
  background-color: #535353;
  background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(rgb(121,121,121)),
        color-stop(rgb(68,68,68))
);
  
  color: red;
  border: 0 none;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  font: 900 18px/40px "Open Sans",sans-serif;
  margin-right: 4px;
  width: 35px;
}
.div-statusREMO::before {
	content: "pois";
	color: #f21e00;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	font-size: 14px;
}
.div-statusREMO.sv::before {
	content: "bort";
}
.div-statusREMO.en::before {
	content: "closing";
}
.div-statusOK {
background-color: #535353;
  background-image: linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -o-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -moz-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -webkit-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));
background-image: -ms-linear-gradient(top, rgb(121,121,121), rgb(68,68,68));

background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(rgb(121,121,121)),
        color-stop(rgb(68,68,68))
);
  
  color: lime;
  border: 0 none;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  font: 900 15px/40px "Open Sans",sans-serif;
  margin-right: 4px;
  width: 35px;
}

.lahimmat-aukiolo:not(:empty)::before {
	content: '\25CF ';
	margin-right: 4px;
}
.lahimmat-red:not(:empty)::after {
	content: ' \25CF ';
	margin-right: 4px;
}
.lahimmat-green:not(:empty)::after {
	content: ' \25CF ';
	margin-right: 4px;
}
.lahimmat-aukiolo.jakaa span {
	font-weight: normal;
}
.info-denominations {
	font-weight: 700;
}
.info-denominations span {
	font-weight: normal;
}
.lahimmat-aukiolo.jakaa {
	font-weight: 700;
}
.otto-a div {
  margin: 2px;
}
.otto-t div {
  margin: 2px;
}
.otto-plus div {
  margin: 2px;
}
.container {width:240px; height:260px; position:relative;}
#crossslide {
    height: 340px;
    width: 240px;
	}
div.caption {
    background: #efb100 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    font: 16px/24px Arial;
    right: 5px;
    top: 5px;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    width: 170px;
}

.column1, .column2 {height:360px;}
.column1 {
    background-image:none; background-color:#fff;
    border-radius: 3px;
    box-shadow: 0 0 3px #999999;
    float: left;
/*    height: 375px;*/
    margin-right: 10px;
    position: relative;
    width: 470px;
}
.column1-padding {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}
.column2-a-text {
  height: 188px;
}
img.talletusotto {margin-left:0; margin-top:10px;}
.mapslink {margin-left:0; margin-bottom:0px; margin-top:18px;}
img.otto {margin-top:10px; margin-right:10px;}
.column2 {background-image:none; background-color:#fff;}
.column2-a {
	width: 180px;
	float: left;
	padding-left: 23px;
	padding-right: 20px;
	padding-top: 25px;
}
.column2-b {width:240px; float:right;}
.left80 {float:left; width:250px;}
.right20 {float:left; width:160px;}

.gform_wrapper div.validation_error {
  background: white none repeat scroll 0 0;
  position: absolute;
  top: 10px;
  padding: 1em !important;
  width: 54% !important;
  text-align: center;
  border: 2px solid #790000;
}
#missa-otto span.poistumisilmoitus {
	color: red;
}
.info-tulossa {
	color: #00bd00;
}
.lahimmat-green {
	color: #00bd00;
}
.lahimmat-red {
	color: #f21e00;
}
/*cookiebot*/
#map_canvas .cclink {
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}