﻿@import "https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek-ext,greek,vietnamese";
@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic&subset=latin,latin-ext,cyrillic-ext,cyrillic,greek-ext,greek,vietnamese";
html,body{margin:0;padding:0;font-family:'Roboto Condensed',sans-serif}
body{background-color:#fff;width:100%;position:relative;font-size:0;text-align:justify;text-justify:inter-word;overflow:auto}
#header{height:150px;height:12vw;background-color:#fff;width:100%;position:relative;padding-bottom:0;margin-bottom:0;display:inline-block}
.c_yellow{background-color:#ffea00}
.c_green{background-color:#aeea00}
.c_lblue{background-color:#80deea}
.c_mblue{background-color:#0373e5}
.c_dblue{background-color:#0d47a1}
#colors div{float:left;width:20%;height:12.5px;height:1vw;display:inline-block}
#DIV2{text-align:center}
#tutajButton{padding-left:42.3%;}
#tutajButton a{font-size:.8em;font-size:1.25vw;font-weight:800;padding:1.5% 8%; border: rgb(209, 233, 245) solid}
#shield{font-size:30px;padding-top:2.5%;font-size:2.5vw;float:left;text-decoration:none;position:relative;display:inline-block;width:100%}
#shield div{float:left;padding-left:2%;padding-top:1%;font-weight:300;line-height:.8em}
#shield img{float:left;padding-left:20%;width:90px;width:6vw}
#banner{padding-top:0;margin-top:0;width:100%;height:400px;height:31vw;background:url('images/banner_background.jpg');background-image:url('images/banner_background.jpg'   );background-size:cover;display:inline-block;font-weight:100;color:#fff;font-size:30px;font-size:2.5vw;position:relative}
#footerBanner{padding-left:16.5%;width:120px;width:40vw;padding-top:10%}
#footer{background-color:#373737;color:#fff;font-size:10px;font-size:.8vw;font-weight:400;padding-bottom:2%;overflow:auto;line-height:1.5em;font-family:'Roboto'}
#footer div{float:left;margin:0 auto;width:45%;margin-right:5%}
#fwrapper{float:none!important;padding-left:10%!important;overflow:auto;width:90%!important;padding-top:2%;margin-right:0 auto!important}
#banner div{text-align:left;padding-left:20%;padding-top:8%;float:left}
#banner p{margin-top:0;margin-bottom:0;font-weight:400;font-size:70px;font-size:4.5vw; font-family:'Roboto'}
#wheels{position:fixed;float:left;right:1.3%;line-height:.9em;padding-top:11%!important; padding-left:0% !important;}
#wheels img{width:1.5vw}
#wheel_center{padding-left:45%;padding-top:10%;width:25px;width:9.5vw}
#hoverButton a{float:left;margin-top:5%;text-align:center;font-size:20px;font-size:1.5vw}
.middlebtn{margin-left:7.5%}
.rightbtn{float:right!important}
.clearFloat{clear:both}
#ankietaButtonH{margin-top:1%}
#ankietaShowButton{margin-left:39%; border: rgb(209, 233, 245) solid;}
.ankietaButton{border-radius:1px;border-radius:.25vw;border-width:1px;border-width:.2vw!important;padding:.5% 2%;border:#039be5 solid;color:#039be5;font-size:25px;font-size:1.9vw;font-weight:400;text-decoration:none;background-color:#fff}
.ankietaButton:hover{color:#fff;background-color:#039be5;}
.title{text-align:center;padding-top:4%;font-family:'Roboto';font-size:45px;font-size:3.8vw;color:#058bcd;font-style:normal;font-weight:100;font-style:normal;-webkit-font-smoothing:antialiased;line-height:1em}
#content{width:60%;padding-right:20%;padding-left:20%;font-size:16px;font-size:1.34vw;font-weight:400;color:#000;font-family:"Roboto";line-height:1.4em;overflow:auto}
#content sup{font-size:12px;font-size:.9vw;line-height:1.3em}
#DIV1{color:#058bcd;font-size:15px;font-size:1.3vw;text-align:center;font-weight:500}
.italic{font-style:italic;font-size:13px;font-size:1.1vw}
#Downloads p{color:#058bcd;font-weight:500}
#Downloads img{width:3.5vw}
#Downloads a{float:left;font-size:13px;padding-left:5%;font-size:1.1vw;text-align:center;text-decoration:none;color:#000}
.blueQuotes p{color:#058bcd;margin:0;display:inline;font-weight:500;font-size:16px;font-size:1.34vw}
.blueQuotes blockquote{margin-right:0;margin-left:5%}
.img{position:absolute;width:400px;width:23vw;z-index:-1;opacity:.4;filter:alpha(opacity=40)}
#img1{left:-15%}
#img2{right:-17%;top:-5%}
#img3{left:-15%}
#img4{top:-20%;right:-17%}