@charset "UTF-8";
/* CSS Document */

body {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#343f41;
	}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.top {
	color:#fff;
	}
#top {
	padding:10px 0;
	}	
#top a {
	color:#fff;
	font-size:16px;
	}
#top li { float:right; display:table; margin-left:30px; }	

#title { background-color:#fff; padding:10px 0;}
#title img { float:left; margin-right:50px;}
h1 { color:#343f41; font-size:36px; margin:60px 0 0 0;}
#title h2 { color:#343f41; font-size:16px; margin-top:10px;}



/* NAV */
.navbar-default .navbar-brand {
}

.navbar-default {
	z-index:100;
	border:none;
	background-color:#fff;
}
#nav {
	background-color:#fff;
	}
/* Center nav */
.navbar .navbar-nav {
    display: inline-block;
    float: none;
	padding-bottom:0px;
	margin-bottom:-5px;
}

.navbar .navbar-collapse {
    text-align: center;
}

/****************/

.navbar-default .navbar-nav>li>a {
	margin-top:0px;
    color:#343f41;
	text-transform:uppercase;
	font-size:16px;
	margin-right:0px!important;
    background-color:#fff;
	line-height:30px;
	display:table;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color:#fff;
	text-decoration:none;
	background-color:#343f41;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #000;
    background-color:transparent;
}
.navbar-default .navbar-toggle {
	margin-top:15px;
	background-color:#343f41;
	border:2px solid #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color:#343f41;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
}

#carousel { background-color:#343f41; padding:20px 0; margin-top:-20px;}
#carousel li { border:4px solid #fff!important; }

#block1 {
	background-color:#fff;
	padding:60px 0 20px 0;
	margin-top:-80px;
	color:#343f41;
	}
#block1 h2 {
	font-size:22px;
	text-transform:uppercase;
	padding-top:5px;
	}
#block1 p {
	font-size:16px;
	}
#left a {
	display:table;
	line-height:50px;
	width:270px;
	font-size:16px;
	background-color:#3caabf;
	text-align:center;
	color:#fff;
	margin:20px 0 0 0;
	}
#left a:hover {
	text-decoration:none;
	background-color:#343f41;
	}
.fb-page { margin-top:20px;}

#block2 {
	color:#343f41;
	padding:40px 0;
	background-color:#e9ebea;
	}
#block2 img {
	display:block;
	margin:0 auto;
	}
#block2 h3 {
	font-weight:normal;
	font-size:16px;
	text-align:center;
	margin-top:15px;
	}
.box {
	display:block;
	min-height:150px;
	}

#block3 {
	background-color:#fff;
	padding:30px 0;
	}
#block3 img { margin:0 auto;}


/**** HINNASTO ****/
#hinnasto { background-color:#343f41; padding:20px 0; margin-top:-20px; color:#fff;}
#hinnasto h2, #contact h2 {
	font-size:22px;
	color:#fff;
	font-weight:normal;
	display:table;
	width:300px;
	padding-bottom:5px;
	border-bottom:1px solid #8A8A8A; 
	}
#hinnasto h3 {
	font-size:18px;
	}
#hinnasto td, #hinnasto p { font-size:16px; }
#hinnasto h5 {
	padding-top:30px;
	font-style:italic;
	font-size:16px;
	}

#maksu h3 { text-align:center; padding-bottom:10px;}
#maksu img { display:block; margin:0 auto; max-width:160px;}

#renkaat img {
	border:3px solid #D3D3D3; margin-bottom:30px;
	}

/*** FOOTER + FORM ***/
#contact { padding:20px 0 20px 0; margin-top:-20px; background-color:#343f41; }
#contact h3 { font-size:18px; color:#EAEAEA; font-weight:normal; text-transform:uppercase;}
#contact a { color:#EAEAEA;}
#contact li { color:#EAEAEA; margin-top:10px; font-size:14px;}
#contact ul { list-style:none; margin-left:-40px!important; margin-top:30px;}
.white { color:#3caabf; }


#register-form { margin-top:0px;}
#send {
	display:table;
	width:200px;
	line-height:40px;
	margin-top:20px;
	background-color:#3caabf;
	text-transform:uppercase;
	border-radius:0;
	color:#fff;
	font-size:14px;
	letter-spacing:2px;
	margin-bottom:30px;
	border:none;
	}
#send:hover {
	background-color:#3b555a;
	color:#fff;
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	 }

.fieldgroup {
	margin-bottom:20px;
	}

input[type="text"], input[type="email"], input[type="tel"] {
    background-color:#252B2C;
	border-radius:0;
	color:#fff;
	padding-left:10px;
	height:40px;
	margin-bottom:-10px;
	border:none!important;
}

textarea {
    background-color:#252B2C!important;
	border:none!important;
	border-radius:0!important;
	color:#fff!important;
	padding-left:10px;
	padding-top:10px;
}		

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: #fff!important;
  font-style:;
}

:-moz-placeholder { /* Firefox 18- */
  color: #fff!important;
  font-style:;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #fff!important;
  font-style:;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #fff!important;
  font-style:;
}

::-ms-input-placeholder { /* Edge */
  color: #fff!important;
  font-style:;
}

:placeholder-shown { /* Standard one last! */
  color: #fff!important;
  font-style:;
}


#googleMap {
	display:block;
	margin:40px auto 0 auto;
	width:100%;
	height:450px;
	color:#000!important;
	border:2px solid #ddccac;
	margin-top:0px;
	}


/* Footer */
#footer {
	padding-top:20px;
	padding-bottom:10px;
	}
#footer a { color:#fff;}
#footer p { color:#fff;}
#footer img { float:right; margin-top:-10px;}


/***** NEUVOLA *****/


/********** RESPONSIVE DESIGN *************/
@media (min-width: 992px) and (max-width: 1199px) {
}

@media (max-width: 1023px) {
}

@media (max-width: 991px) {
	}

@media (max-width: 767px) {
	#footer img { float:left; margin-top:10px;}
}

@media (max-width: 599px) {
	}
@media (max-width: 479px) {
	#top li {
		float:left;
		clear:both;
		margin-bottom:5px;
		}
	h1 {
		display:block; clear:both;
		}
	}

@media (max-width: 321px) {
	}