/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;

	font: inherit;
	vertical-align: baseline;
	list-style: none;
}

a:link {
	color: inherit;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
	color: inherit;
}
a:active {
	text-decoration: none;
	color: inherit;
}


/*GLOBAL*/
body,html { width: 100%; height: 100%; min-height: 100%; }
body { font-size: 16px; font-family: roboto, calibri, arial; color:#404041; background: #fff; }
.cf{clear: both;}
.main { width: 1200px; margin: 0px auto; }
.anim{ -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-moz-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-o-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); }
.hide { display: none!important; }
.show { display: block!important; }
em{ font-style: italic; }
/*FRAMEWORK*/

/*LOADER*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: url("../images/preloader.gif") center no-repeat #fff;
}
/*LOADER:END*/

/*FACEBOOK*/
#fb{ position:fixed; left: 0px; top:176px; z-index: 10000; left: -305px; background: #fff; padding: 0px; width: 300px; height:500px; border: 2px solid #385696; }
#fb img{ cursor:pointer; }

/*HEADER*/
#header{ width: 100%; padding: 10px 0px; }
#header .main{ position: relative; z-index: 1000; }
#header h1.logo{ position: absolute; top: 13px; left: 85px;  }
#header .fb{ border-left: 2px solid #a5a5a5; padding: 10px 0px 10px 20px; position: absolute; right: 0px; top: 8px; }
#header ul#nav{ margin-right: 60px; float: right; margin-top: 40px; }
#header ul#nav li{ float: left; color: #252525; font-size: 28px; padding-right: 24px; padding-left: 15px; font-family: robotobold; background: url("../images/slash.jpg") no-repeat right center; }
#header ul#nav li:hover{ color:#ed1c24; }
#header ul#nav li:last-child{ background: none;padding-right: 0px; }
#header .contact{ font-size: 16px; position: absolute; right: 160px; top: 5px; color: #525252; }
#header .contact span{ font-size: 22px; }
#header #lang { position: absolute; right: 60px; top: 8px; }
#header #lang li { display: inline-block; padding: 0px 1px; }

#baner {  position: relative; width: 100%; height: 507px; background: url("../images/baner.jpg") no-repeat center top; }
#baner span.bus { display: block;  position: absolute; z-index: 100; top: 180px; left: 400px;  }
#baner span.bus img{   }

#onas{ border-bottom: 38px solid #4a71a4; overflow: hidden; width: 100%;  background: url("../images/onas.jpg") no-repeat center top; }
#onas .main{ position: relative; min-height:571px; }
#onas .text{ position: relative; z-index: 1000; float: left; width: 620px;  padding-top: 104px;  }
#onas .text h1{ font-size: 42px; color: #252525; font-family: robotobold; padding-bottom: 20px; }
#onas .ue { position: absolute; bottom: 0px; right: -100px; }
#onas .ue img{ display: block; }

#dlaczegomy{ background: #f6f6f6 url("../images/shadow.jpg") repeat-x center bottom; padding-bottom: 60px; }
#dlaczegomy .main{ background: url("../images/dlaczegomy.png") repeat-x center top; }
#dlaczegomy h1{ padding: 10px 30px; display: block; float: left;  background: #f6f6f6; color: #4a71a4; font-size: 42px; font-family: robotobold; text-align: left;  }
#dlaczegomy ul{ margin-top: 52px; float: left; }
#dlaczegomy ul li{ float: left; line-height: 26px; width: 33%; text-align: center; }
#dlaczegomy ul li h2{ margin: 20px 0px; font-size: 26px; font-family: robotobold; color: #e3021c; }
#dlaczegomy ul li  p{  font-size: 19px; color: #4a71a4; padding: 30px 20px  0px 20px; font-family: roboto; }

#firma{ width: 100%; min-height:589px; background: url("../images/firma.jpg") no-repeat center top; }
#firma .main .text{ float: right; margin-top: 60px; width: 380px; color: #fff; font-size: 18px; line-height: 24px; }
#firma .main .text h1{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #fff; }

#map{ width: 100%; min-height: 395px; text-align: center; background: url("../images/mapa.jpg") no-repeat center top; }
#map a{ width: 100%; min-height: 395px; display: block; }

#footer{ color: #fff; width: 100%; min-height: 236px; background: url("../images/footer.jpg") no-repeat center top; }
#footer h1{ font-size: 30px; padding-left: 10px; padding-top: 20px; }
#footer ul{ float: left; }
#footer ul li{ float: left; }
#footer ul li:first-child{ padding: 10px 26px 10px 10px; border-right: 3px solid #fff; font-size: 19px; }
#footer ul li:last-child{padding: 10px 10px 10px 26px; font-size: 26px; }

@media (max-width:1400px) {
#baner span.bus { display: block; width: 1100px;  position: absolute; z-index: 100; top: 180px; left: 40px;  }
#baner span.bus img{  width: 100%; }	
	
}