/*
VIHREE VÄRI #00a732
PUNANEN VÄRI #da0000
*/

/*-------------------------------------------------
GLOBALS CLASSES
-------------------------------------------------*/
*{padding:0; margin:0;}
body{font-family: 'Rokkitt', serif; font-size:17px; background:#e7e2cf; color:#6b6860;}
img{border:none; max-width: 100%;}
h1{ font-family: 'Alfa Slab One', cursive; font-size:24px; color:#da0000; font-weight:normal;}
h2{ font-family: 'Rokkitt', serif; font-size:21px; color:#00a732; font-weight:normal;}
a{text-decoration:none; color:#00a732;}

a:hover{color:#da0000;}
/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/
.clear{clear:both;}
.floatLeft{float:left;}
.marRight40{ margin-right:40px;}
.marRight30{ margin-right:30px;}
.marTop{ margin-top:30px;}
.bg-bottom-none{background:none bottom !important;}
.page-wrap{ width:960px; overflow:visible; margin:0 auto;}
.page{width:70%; overflow:hidden; margin:0 auto;}/*----Harmaan osan leveys----*/
.wrap{ overflow:hidden;}
.box{ width:100%; float:left; margin-bottom:40px;}

/*-------------------------------------------------
HEADER CLASSES
-------------------------------------------------*/
.header-wrap{ width:100%; margin:0px auto 50px auto;}
.logo{ margin:0 auto; width:550px; margin-top:40px; margin-bottom:40px;}
.logo h1{font-size: 60px; cursor: pointer; text-shadow: 0px 0px 5px black}

/*-------------------------------------------------
PANEL CLASSES
-------------------------------------------------*/

.panel{overflow:hidden; background: url(../images/bg3.jpg); padding:30px; margin-bottom:40px;} /*----Harmaan osan asioiden sisennys----*/
.title{ margin-bottom:20px; margin-top:15px;}
.content p{ padding-bottom:10px;}
.content img{margin-right:30px; float:left;}

/*-------------------------------------------------
MENU CLASSES
-------------------------------------------------*/
.menu-wrap{ height:auto; background:#000}
.menu{ margin:0 auto; width:800px; }
.menu img{ float:left;}
/*-------------------------------------------------
BANNER CLASSES
-------------------------------------------------*/
.banner-wrap{background:url(../images/bg2.jpg); padding-top:60px; padding-bottom:60px; margin-bottom:50px; margin-top:40px;}
.banner{ width:960px; margin:0 auto;}
/*-------------------------------------------------
PAGE CLASSES
-------------------------------------------------*/

.page .content p{ padding-bottom:20px; font-size:18px;}


/*-------------------------------------------------
CONTACT CLASSES -- Etusivun lähetä palautetta boksi
-------------------------------------------------*/
.enquiry-wrap{ background:url(../images/bg4.jpg); width:900px; margin:30px auto 0px auto; padding:30px;}
.enquiry-wrap .title{ margin-bottom:0px;}
.enquiry-wrap .title h1{ color:#ffffff;}
.enquiry-form{ overflow:hidden;}
.enquiry-form label{display: block; margin-top:20px;}
.enquiry-form .input_text{ width:900px; height:40px; background:url(../images/bg3.jpg); text-indent:5px; border:none; color:#383838; font-family: 'Rokkitt', serif; font-size:20px;}
.enquiry-form .message{ width:900px; height:150px; background:url(../images/bg3.jpg); text-indent:5px; border:none; color:#383838; font-family: 'Rokkitt', serif; font-size:20px;}


/*-------------------------------------------------
FOOTER CLASSES
-------------------------------------------------*/
.footer-wrap{ background: url(../images/bg5.jpg); overflow:hidden; padding-bottom:60px; padding-top:30px; margin-top:40px;}
.footer{ width:960px; margin:0 auto;}
.footer .panel{ float:left; width:290px; padding:0px;}
.footer .panel .title{margin-top:0px;}
.footer .panel .title h1{ color:#da0000;}
.footer .panel .content ul li{ list-style:none; background:url(../images/lines.jpg) repeat-x bottom; line-height:40px;}
.footer .panel .content ul li a{ color:#828282; text-decoration:none; font-size:17px;}
.footer .panel .content ul li a:hover{color:#da0000;}
.footer .panelLost .content img{margin-right:0px; margin-bottom:20px;}


.copyright-wrap{ overflow:hidden;}
.copyright{width:960px; margin:0 auto; padding-top:40px; padding-bottom:20px;}
.copyright .content p{ color:#da0000; font-size:17px;}
.copyright .content p a.link{ text-decoration:none; color:#da0000;}
.copyright .content p a.link:hover{color:#00a732;}



input[type=text]{
	color: black;
}

/*------------Nyt tulee läjä hakukentän asioita-----------*/

* {
	box-sizing: border-box;
}

body {
	font: 16px Arial;
}

/*the container must be positioned relative:*/
.autocomplete {

	z-index: 2;
	position: relative;
	display: inline-block;
}

input {
	border: 1px solid transparent;
	background-color: #f1f1f1;
	padding: 10px;
	font-size: 16px;
}

input[type=text] {
	background-color: #f1f1f1;
	width: 100%;
}




#spothaku {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99;
	height: 45px;
	overflow-y: auto;
}

#seuraavanappi{
	display:inline-block;
     float:right;
     margin-right:80px;
}
#edellinennappi{
	display:inline-block;
     float:left;
     margin-right:80px;
}

html, body {
  overflow: auto;
}

.kartanpaalla{
	float: left;
	display: flex;
	position: relative;
	z-index: 10;
	top: 0vh;
}
input[type=radio]
{
	cursor: pointer;
}


.popupinput{
	margin:  3%;
	max-width: 70%;
}
.popupylainfo{
	margin: 2%;
	cursor: default;
}

.pystyradiot >label{
	cursor: pointer;
	font-size: 20px;
}

.kakspros{
	margin: 2%;
}

[type=button]{
	cursor: pointer;
}

.checkboxes label {
  display: inline-block;
  padding-right: 100px;
	padding-left: 20px;
 /* white-space: nowrap;*/
	cursor: pointer;
	overflow:visible;

}
.checkboxes input {
  vertical-align: middle;
	cursor: pointer;

}
.checkboxes label span {
  vertical-align: middle;
  font-size : 30px;




}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  margin: 10px; /* Tällä saa tekstiä kauemmaks checkboksista */
  align-items: center;
}

.nappirivi{
	cursor: default;
	overflow:visible;
	width: 100%;
}

.nappirivi > *{
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	width: 30%;
}

.eimaalaa{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.nappi{
	color: #fff;
	border-radius: 20px;
	background-color: #00a732;
	margin: 5px;

}
.nappi:hover{
	background-color: white;
	color: black;
	box-shadow:  1px 1px 20px 0 rgba(0,0,0,0.49);
}
.laheta:hover{
	color: #00a732;
}
.peruuta:hover{
	color: #da0000;
}
.kuvanappi{
	outline:none;
	font-weight: bold;
	border: none;
	background-color: transparent;
	color: #00a732;
	width: 20%;
	height: 100%;
	font-size: 25px;
}


.rullattava{
	overflow-y: auto;
	height: 93%;
	margin-top: 2%;

}

#spottihakukentta:focus{
	border: 0px;
}
.pysty{
	display: block;
}
.nappirivii > *{
	display: inline-block;
	text-align: center;
	width: 47%;
}
.nappirivii{
	width: 100%;
}

#filespan{
	margin-top: 10px;
	text-align: left;
	display: inline-block;
	position: relative;
	top: 12px;
	background-color: #fff;
}
#checkhakudiv{
	padding: 2%;
}
#iigeekuva{
	max-height: 250px;
	cursor:pointer;
}
.iblock *{
	display: inline-block;
}


button[disabled]:active, button[disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
input[type="submit"][disabled]:active,
input[type="submit"][disabled] ,
button[disabled]:hover,
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover
{
  border: 2px outset ButtonFace;
  color: GrayText;
  cursor: inherit;
  background-color: #ddd;
  background: #ddd;
}


.h50px{
	height: 50px;
}
#uuskuvaylempilabel{
	height: 80px;
	width: 200px;
}

#spotinOsoite{
	width: 150px;
}


.martop{
	margin-top:10px;
}
#yhenkentaninfo{
	margin:30px;
}

.samarivi{display: inline;}

.sivumar10{
		margin-left: 10px;
		margin-right: 10px;
}

option{
	height: 40px;
}
div#editor {
	display: none;
 }
 .muistiinpanotxt{
	 color: darkred;
 }
 .infoh2{
	 word-wrap: break-word;
	 overflow-x: hidden;
 }
 #paypal *{max-width:180px;
	padding: 0px !important;
	display: flex;
	background-color: rgba(0,0,0,0);}

.kutistuvakuva{
	max-width: 100%; height: auto;
	display: flex;
	
	}
#palauteviestilabel, #palautespostilabel{
	color: #d4d4d4;
}
.vihree{
	color: green;
}
.bold{
	font-weight: 700;
}

.p5bIMP{
	padding-bottom: 5px !important;
}

.m20a{
	margin: 20px;
}

.napalm-text{
	color: black;
	font-size: 23px;
	position: relative;
	bottom: 15px;
}
.lang-active{
	outline-offset: 2px;
	outline: solid 2px #00a732;
	margin-right: 5px;
	margin-left: 5px;
}
.caps{
	text-transform: uppercase;
}