html{
margin-top:	0px !important;
}
body{
background-image:url("/wp-content/uploads/2013/12/body-bg1.jpg");
background-repeat:repeat-x;
background-position:top;
padding:0px 10px;
min-width:960px;
}
h2{
font-family:arial;
font-size:16px;
color:#fff;
font-weight:normal;
text-transform:uppercase;
}
h3{
font-family:arial;
font-size:13px;
color:#009999;
text-transform:uppercase;
}
h4{
font-family:arial;
font-weight:bold;
font-size:13px;
margin: 0 0 5px 0;
color: #666666;
}
h5{font-family:arial;
font-weight:normal;
font-size:13px;
color:#666666;
margin:0px;
}
a{
font-family:arial;
font-size:13px;
color:#88bb23;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#page{
max-width: 960px;
border:none;
min-width:960px;
}
p{
font-family:arial;
font-size:13px;
color:#666666;
}
ol,ul{
font-family:arial;
font-size:13px;
color:#666666;
margin-top:10px;
padding-left: 15px;
}
table{
margin-top:20px;
margin-bottom:0px;
margin-left:-4px;
}
table th{
font-family:arial;
color:#666666;
font-size:13px;
}
table td{font-family:arial;
color:#666666;
font-size:13px;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
pre{
background:none;
padding:0px;
margin:0px;
color:#666666;
font-family:arial;
font-size:13px;
line-height: 14px; 
margin-bottom: 24px;
}
a, img, input{outline:none !important;}
/* Single post */
.single-post h1{color:#666;font-family: arial;font-size: 30px;font-weight: bold;text-transform:none;}
.single-post h2{color:#666;font-family: arial;font-size: 20px; font-weight: bold;text-transform:none;}
.single-post h3{color:#666;font-family: arial;font-size: 14px; font-weight: bold;text-transform:none;}
.single-post h4{color:#666;font-family: arial;font-size: 13px; font-weight: bold;text-transform:none;}

/* Header style */
#main a{color:#88bb23 !important;}
.site-header{background:#f9f7f6;padding-bottom:10px;padding-top:17px;}
#upper-header{padding-bottom: 20px;position:relative;}
#extranet-login{float:right;font-size:12px;color:#666;}
#lower-header{position:relative;}
.header-text{position:absolute;top:0px;left:0px;width:370px;padding-top:50px;padding-left:50px;}
.header-text p{font-size:14px;line-height:16px;color:#fff;}
.sub-logo{position:absolute;}


/* Navbar */
#navbar{background-color:#009999;}
#navbar nav{min-height:35px;}
.nav-menu{padding-right:0px;}
.nav-menu li{text-align:center;z-index:100;}
.nav-menu li a{font-family:arial;font-size:14px; color:#fff;padding:10px 15px;border-right:1px solid #80cccc;}
.nav-menu > li{margin-left:-3px;}
.nav-menu li:first-child{margin-left:0px;}
.nav-menu li:last-child a{border-right:none;}
.nav-menu li:hover > a, .nav-menu li a:hover{background-color:#008282;}

.sub-menu{border:none !important;left:0px !important;}
.sub-menu li{background-color:#009999;}
.sub-menu li a{border-top:1px solid #80cccc;}
.sub-menu li:hover, .sub-menu li:hover > a, .sub-menu li a:hover{background-color:#008282 !important;}

.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {color: #fff;font-style: normal;}

#mob-site-navigation {display:none;}

/* Side nav */
#sidenav{background-color:#F9F7F6;}
.side-menu{list-style-type:none;text-align: right;margin-top:0px;}
.side-menu li{display:inline-block;}
.side-menu li a{font-size: 12px;color:#666666;}
.side-menu li a:hover{color:#88BB23;}
.side-menu li.current-menu-item{display:none;}

/* Etusivu styles */ 
.main-image-holder{padding:10px;}
.page-template-etusivu-php .main-image-holder img{margin-top: -43px;}
.main-links-holder{padding:10px;}
.main-links-holder div{display:inline-block;margin-right:15px;border:1px solid #e5e5e5;width:303px;float:left;}
.main-links-holder div img{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.main-links-holder div:last-child{margin-right:0px !important;}
.main-links-holder div.main-link-last{margin-right:0px !important;}
.main-links-holder div a{display:block;position:relative;overflow: hidden;width:100%}
.main-links-holder div a h2{position:absolute;left:0px;bottom:0px;width:100%;text-align:center;padding:10px 0px;margin:0px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.main-links-holder div p{font-family:arial;font-size:13px;color:#666666;margin:0px;padding:12px;min-height:65px;}
.main-links-holder div a:hover{text-decoration:none !important;}

.main-link-1 a h2{background-color:rgba(153,204,51,0.85);}
.main-link-2 a h2{background-color:rgba(31,121,185,0.85);}
.main-link-3 a h2{background-color:rgba(204,102,0,0.85);}

.main-link-1 a:hover h2{background-color:rgba(153,204,51,1);}
.main-link-2 a:hover h2{background-color:rgba(31,121,185,1);}
.main-link-3 a:hover h2{background-color:rgba(204,102,0,1);}

/* Asiakasjärjestelmä lomake */
#extranet-login-form{position: absolute;right: 0;top: 0;z-index: 200;padding:10px; background-color:#fff;width:250px;border:1px solid #999;}
#extranet-login-form form{height:84px;}
#extranet-login-form label{display: block;float: left;font-size: 12px;width: 90px;height:24px;line-height:24px;}
#extranet-login-form input[type="text"], #extranet-login-form input[type="password"]{display: block;float: left;font-size: 12px;width: 138px;height: 24px;margin-bottom: 5px;border:1px solid #999;padding:4px 5px; line-height:24px;}
#extranet-login-form input[type="submit"]{display:block;float:right;color:#fff;background:#88BB23;border:none;padding:0px;font-size:12px;padding:5px;}
#extranet-login-form #login-form-close{font-size:12px;color:#88BB23;}

/* Banners */
.banner{margin-left:10px;}

/* ie 8 */
.ie8 .main-link-1 a h2{background-color:rgb(153,204,51);}
.ie8 .main-link-2 a h2{background-color:rgb(31,121,185);}
.ie8 .main-link-3 a h2{background-color:rgb(204,102,0);}

.main-link a img{width:100%}
/*.main-link a:hover img{-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);}
*/

/* Alasivu & ota yhteyttä main styles */
.alasivu{padding-left:35px !important;}
.alasivu .left{max-width: 550px;}
.ie8 .alasivu .left{width:550px;}
.ie8 .page-template-ota-yhteytta-kodin-siivouspalvelut-php .left, .ie8 .page-template-ota-yhteytta-php .left{width:175px !important;}
.alasivu .right{padding-top: 75px;p}
.alasivu h3{font-size:14px; color:#666666;font-weight:bold;}
.alasivu h4{font-size:14px; color:#666666;margin:0px;}
.alasivu p{padding:0px !important;width:100%;}
.yhteystiedot{width:275px;}
.yhteystiedot pre{width:auto;height:auto;overflow:hidden;}
.lower-content{display: block;float: left;width: 100%;padding-top:25px;padding-bottom:15px;margin-bottom:15px; border-bottom:1px solid #e5e5e5;}
#ajankohtaista-img{display:block;float:left;}
.blog-post-holder{display:block;width:480px;float:left;padding-left:20px;}
.blog-post-holder h3{padding:0px 0px 10px 0px;margin:0px;}
.blog-post-holder p{padding-bottom:5px;margin:0px;}
.blog-post-holder a{color:#88bb23;}
.henkilotiedot {float:left;margin-right:20px;margin-top:20px;font-family:arial;font-size:13px;color:#666666;}
.palvelunumero:before {content:" ";clear:both;}
.palvelunumero {margin-top:20px;font-family:arial;font-size:13px;color:#666666;}
.clearfix {clear:both;}

/* Footer */
.wrap898{float:left;}
.wrap898 .social > a{margin-right:5px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.social a:hover{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.8)";filter: alpha(opacity=0.8);opacity: 0.8;}
#footer-menu{float:right;margin:0px;}
#footer-menu ul{list-style: none outside none;}
#footer-menu ul li{display: inline-block;padding:0px 5px;font-family:arial;color:#666666;font-size:12px; font-weight:normal;}
#footer-menu ul li:last-child{padding-right:0px;}
#footer-menu a{font-size:12px;}

/* Forms */
.contact-form-wrapper{width:650px;padding-right:35px;}
.ninja-forms-required-items{display:none;}
.ninja-forms-all-fields-wrap{position:relative;}
.text-wrap, .textarea-wrap{width:260px;} 
.submit-wrap{position: absolute;right: 0;bottom:0px;}
.submit-wrap input{background:#009999;color:#ffffff;border:none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;padding: 5px 10px;}
.submit-wrap input:hover, .submit-wrap input:active, .submit-wrap input:focus{background:#008282;border:none;padding: 5px 10px;}
.text-wrap input, .textarea-wrap textarea{width:100%;border:1px solid #cccccc;color:#666666;font-size:12px; font-famliy:arial;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.textarea-wrap textarea{height:295px;resize: none;}
.text-wrap label, .textarea-wrap label{width:100%;color:#666666;font-size:12px; font-family:arial;}
.textarea-wrap{position: absolute;right: 0;top: 0;width: 265px;}
input.invalid{border:1px solid red !important;}
.checkbox-wrap{margin-top:8px;}
.page-template-ota-yhteytta-php .checkbox-wrap{display:none;}
.checkbox-wrap label{color: #666666;font-family: arial;font-size: 13px;line-height: 14px;margin-right:8px;}
.lower-content .wpcf7 h3 {margin-top:0;}

/* Single post page */
.post-feed{width:270px; background-color:#f2f2f2;padding:15px !important;margin-top:10px;margin-right:10px;}
.post-feed img{}
.post-feed h2{color:#00a599;float: right;margin:0px;font-size:14px;margin-right:55px;}
.post-feed a{color:#65bc00;display:block;margin-top:30px;}


/* Hover zoom */
.hoverZoom:hover img{
-webkit-transition: 	all 0.2s ease-in-out;
-moz-transition: 	all 0.2s ease-in-out;
-o-transition: 		all 0.2s ease-in-out;
-ms-transition: 	all 0.2s ease-in-out;
transition: 		all 0.2s ease-in-out;

-webkit-transform: 	scale(1.1,1.1);
-moz-transform: 	scale(1.1,1.1);
-o-transform: 		scale(1.1,1.1);
-ms-transform: 		scale(1.1,1.1);
transform: 		scale(1.1,1.1);
}

/* Responsive styling */

.mob_menu_toggle {display:none;}
#mob-site-navigation {display:none;}
#navbar {position:relative;}
.mob_login_button {display:none;}

@media all and (max-width:960px) {

	/* etusivu */
	.mob_menu_toggle {top:-12px;text-align:center;right:100px;position:absolute;display:block;background-color:#fff;width:60px;height:60px;color:#ffffff;font-size:40px;border:#009999 solid 1px;border-radius:5px;}
	.mob_menu_toggle img {position:relative;top:-5px;left:-1px;}
	//.mob_menu_toggle::after {content:" ";box-sizing: content-box;border:30px solid transparent;border-top:30px solid #009999;position:absolute;bottom:-60px;left:0px;z-index:10;}

	.mob_login_button {top:-12px;text-align:center;right:20px;position:absolute;display:block;background-color:#fff;width:60px;height:60px;color:#ffffff;font-size:40px;border:#009999 solid 1px;border-radius:5px;}
	.mob_login_button img {position:relative;top:0;left:-1px;}
	//.mob_login_button::after {content:" ";box-sizing: content-box;border:30px solid transparent;border-top:30px solid #009999;position:absolute;bottom:-60px;left:0px;z-index:10;}	

	.not_mob_login {display:none;}

	#site-navigation {display:none;}

	body {min-width:200px;width:100%;padding:0;}
	#page {min-width:200px;width:100%;}
	#upper-header {padding-left:10px;padding-right:10px;}
	#navbar {background-color:#fff;}
	#mob-site-navigation {display:none;width:100%;}
	#mob-site-navigation .nav-menu li {background-color:#009999;display:block;width:100%;text-align:left;margin-bottom:3px;}
	.nav-menu li:first-child {margin-left:0;}
	.nav-menu li {margin-left:0;}
	#mob-site-navigation .nav-menu li a{text-transform:uppercase;border-right:0;}
	#mob-site-navigation .nav-menu li a:after {content:'  »';}
	#mob-site-navigation .nav-menu {padding:0;}

	#mob-site-navigation .nav-menu .sub-menu {background-color:#fff;position:static;z-index:101;display:block;}
	#mob-site-navigation .nav-menu .sub-menu li {background-color:#009999;padding-left:20px;}
	ul.nav-menu ul a, .nav-menu ul ul a {width:100%;}
	#mob-site-navigation .nav-menu .sub-menu li a {border-top:0;border-left:0;border-right:0;border-bottom:0;}
	#mob-site-navigation .nav-menu .sub-menu li {margin-bottom:0;border-top:1px solid #80cccc;}

	.main-links-holder {padding:0;}
	.main-links-holder div {display:block;width:100%;}

	#main .upper-content img {display:none;}
	#main .upper-content .main-image-holder {padding:0;}
	#main .upper-content .header-text {display:block;position:static;padding:300px 0 0 0;width:100%;background:#fff url('http://www.ametro.fi/wp-content/uploads/2014/04/Ametro_Etusivun_isokuva310314.png') no-repeat right top;}
	#main .upper-content .header-text p {margin:0;background-color:#33afaf;padding:20px 20px 40px;}

	.lower-content {padding:40px 20px;}
	#banner-wrapper {clear:both;float:none;padding-top:50px;}
	.blog-post-holder {padding-left:0;}
	.wpcf7 h3 {padding-left:0;}
	#ajankohtaista-img {display:none;}
	.blog-post-holder {width:100%;}

	.site-footer {padding-left:10px;padding-right:10px;}

	/* alasivut */
	.etualasivu .main-image-holder {margin-top:40px;padding:0;overflow:hidden;width:100%;position:relative;height:257px;}
	.etualasivu .main-image-holder img {height:257px;position:absolute;right:-1px;top:0;}
	#main .etualasivu img {display:block;}
	.right {float:none;}
	.left {float:none;}
	.left {max-width:100%;}
	.page-content {max-width:100%;}
	.contact-form-wrapper {width:100%;}
	.right {padding-top:0;}
	.contact-form-wrapper .text-wrap, .contact-form-wrapper .textarea-wrap {width:auto;position:static;}
	.contact-form-wrapper .submit-wrap {position:relative;margin-top:20px;}
}