body{margin:0;padding:0;font-family:"Open Sans", Arial, sans-serif;}
body{background:#fff;color:#585858;}
p{font-size:80%;font-weight:300;color:#333;line-height:22px;}
a, a:visited{text-decoration:none;color:#585858;}
h1{font-size:1.8em;line-height:1.23em;}
h2{font-size:22px;}
h3{font-size:24px;font-family:'Crete Round', Georgia, serif;font-weight:400;padding:20px 0;}
h4{font-size:18px;}
h5{font-size:16px;padding-bottom:10px;}
h6{font-size:14px;padding-bottom:10px;font-weight:bold;}
h5 b{font-weight:bold;}
ul{font-size:14px;margin:7px 0;padding-left:10px;}
ul li{margin-bottom:5px;}
.referenssit ul{font-size:80%;margin:10px 0;padding:0;list-style-position:inside;list-style:circle;}
.referenssit ul li{list-style-position:inside;}
.container .clear, body .clear{width:100%;float:left;clear:both;margin:20px 0;}
.one-third{text-align:center;}
header{width:100%;float:left;clear:both;margin:0;padding:0;background:url(../images/misc/top_bg.png) repeat-x bottom left;position:relative;z-index:1;}
header nav{width:100%;float:left;margin:0;padding:25px 0 20px;background:#fff;border-top:2px solid #3D6EA3;position:relative;z-index:1;box-shadow:0 1px 2px 0 rgba(0,0,0,.3);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.3);}
header .slogan{float:left;padding:40px 0;}
header .slogan a.green{margin:13px 0;padding:10px 28px;}
header p{color:#fff;}
header h1, header h2, header h4{width:100%;float:left;clear:both;text-align:left;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2);font-weight:600;}
header h1{font-size:3em;margin-bottom:10px;}
header h2{font-size:1.2em;margin-top:-30px;margin-left:60px;}
header h4{font-weight:normal;margin-bottom:10px;}
.logo a{color:#444;text-decoration:none;line-height:20px;}
.logo a:hover{color:#FF6A00;}
ul.mainMenu{margin:0;padding:0;float:right;}
ul.mainMenu li{display:inline;float:left;margin:2px 10px;}
ul.mainMenu li a{font-size:13px;color:#444;text-decoration:none;}
ul.mainMenu li a:hover{color:#3D6EA3;-webkit-transition:color .12s ease-in-out;-moz-transition:color .12s ease-in-out;-ms-transition:color .12s ease-in-out;-o-transition:color .12s ease-in-out;transition:color .12s ease-in-out;}
#phpfmg_captcha_div{float:left;margin-top:20px;}
#phpfmg_captcha_div a{display:inline-block;vertical-align:middle;}
#phpfmg_captcha_div .fmgCaptchCode{float:none;}
.orange{width:100%;float:left;clear:both;background:#ff6a00;margin:50px 0;padding:45px 0;color:#fff;text-align:center;position:relative;z-index:1;}
.orange h2{width:100%;margin:20px 0 50px;text-align:center;text-shadow:none;}
.orange p{width:600px;margin:0 auto 30px;color:#fff;text-align:center;}
.orange a.dalej{display:block;width:185px;background:#df4a00;color:#fff;margin:0 auto 20px;padding:10px 20px;font-size:12px;text-transform:uppercase;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
.orange a.dalej:hover{background:#fff;color:#ff6a00;}
.blue{width:100%;float:left;clear:both;background:#2a6ab0;margin:50px 0;padding:45px 0;color:#fff;text-align:center;position:relative;z-index:1;}
.blue h2{width:100%;margin:20px 0 50px;text-align:center;text-shadow:none;}
.blue p{max-width:600px;margin:0 auto 30px;color:#fff;text-align:center;}
.blue a.dalej{display:block;width:185px;background:#df4a00;color:#fff;margin:0 auto 20px;padding:10px 20px;font-size:12px;text-transform:uppercase;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
.blue a.dalej:hover{background:#fff;color:#ff6a00;}
.gray{width:100%;float:left;clear:both;background:#f6f6f6;margin:50px 0;padding:45px 0;position:relative;z-index:1;}
.form h3, .form p{text-align:center;}
form{width:500px;margin:30px auto;text-align:center;}
input, label, textarea{width:500px;float:left;margin:0;padding:0;}
label{font-size:12px;text-transform:uppercase;font-weight:300;margin-bottom:7px;}
input{margin-bottom:20px;padding:7px 0;text-align:center;}
input, textarea{border:1px solid #ddd;outline:none;}
input:focus, textarea:focus{border-color:#b6b6b6;}
textarea{width:480px;padding:7px 10px;}
input.error, textarea.error{border-color:#cc4847;}
input[type='submit']{width:502px;padding:12px 0;font-size:16px;border:none;background:#eee;color:#aaa;cursor:pointer;}
input[type='submit']:hover{background:#1EBA6B;color:#fff;}
.focus h3{margin-bottom:15px;}
.focus h4, .focus h3{float:left;width:100%;text-align:center;margin-bottom:7px;}
.focus p{text-align:center;}
.gallery a{width:140px;height:100px;overflow:hidden;float:left;margin:5px;}
.gallery a img{height:95px;}
a#top{display:none;width:7px;height:17px;padding:5px;position:fixed;bottom:50px;right:60px;z-index:9;color:#fff;background:#ff6a00;font-size:14px;font-weight:300;}
.button{float:left;color:#fff;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.2);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-webkit-transition:background .12s ease-in-out;-moz-transition:background .12s ease-in-out;-ms-transition:background .12s ease-in-out;-o-transition:background .12s ease-in-out;transition:background .12s ease-in-out;}
.medium{font-size:12px;margin:5px 0;padding:9px 14px 8px;}
a.green{background:#45C491;color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.2), 0 1px 0 0 rgba(255,255,255,.2) inset;}
a.green:hover{background:#36ae7e}
footer{width:100%;float:left;margin:20px 0 0;padding:30px 0;background:#333;}
footer h5{color:#ccc;}
footer p{color:#aaa;line-height:15px;font-size:12px;margin-bottom:7px;}
footer a{color:#ddd;}
footer a:hover{color:#ff6a00;}
footer .social a{float:left;margin-right:10px;}
footer .social a img{width:35px;opacity:0.4;}
footer .social a:hover img{opacity:1;}
footer p.name{color:#2a6ab0;font-size:100%;font-weight:bold;}
@media only screen and (max-width:767px) and (min-width:480px){header h2{display:none;}
header .slogan{padding-top:40px;}
nav .container .logo{margin-bottom:20px;text-align:center;}
.orange p{width:400px;}
form, label, input{width:400px;}
input[type="submit"]{width:402px;}
textarea{width:380px;}
.container .one-third.column, .container .eight.columns, .container .four.columns{margin-bottom:40px;}
}
@media only screen and (max-width:767px){header{height:310px;}
header h2, header .six.columns{display:none;}
header .slogan{padding:30px 0;}
nav .container .logo{margin-bottom:20px;text-align:center;}
.orange p{width:200px;}
form, label, input{width:300px;}
input[type="submit"]{width:302px;}
textarea{width:280px;}
.container .one-third.column, .container .eight.columns, .container .four.columns{margin-bottom:40px;}
}