/*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*/
.main{width: 1136px; height: auto; margin: 0px auto; }
body.front{font-size: 14px;  font-family: Calibri ,Tahoma, Arial; color:#353434; background: #fff url("../images/body.jpg") repeat-x center top;}
body{font-size: 14px;  font-family: Calibri ,Tahoma, Arial; color:#353434; background: #fff url("../images/body.jpg") repeat-x center top;}
.clearfloat{clear: both;}
.hide { display: none; }
/*FRAMEWORK*/

/*HEADER*/
#header .main{ height: 373px; position: relative; background: url("../images/header.png") no-repeat center top;  }
#header .main ul.lang-icon{ float: right; margin-top: 4px; margin-right: 15px; position: relative; z-index: 999;}
#header .main ul.lang-icon li{ float: right; margin: 1px; }
#header .main h1.logo{ float: left; padding-top: 13px; padding-left:23px; }
#header .main .text{ position: relative; z-index: 100; padding-top: 53px; padding-left: 35px; float: left; color: #868687; font-size: 17px;  }
.otherpage .main h1.logo{ padding-top: 53px!important;  }
.otherpage .main .text{ padding-top: 93px!important;}
#header .main .text span{ color: #06397d; font-weight: bold; }
#header .main #indyk{ position: absolute; top: 0px; right: -45px; }
#header .main #wiesenhof{ position: absolute; z-index: 5; bottom: 17px; right: 17px; }
#header .main #write-text{ position: absolute; z-index: 100; bottom: 45px; left: 17px; }

.otherpage .main{ height: 245px!important; position: relative; background: url("../images/header.png") no-repeat center top; }
/*HEADER: END*/

/*NAWIGACJA*/
#nav .main{ margin-top: 2px; height: 77px; background: url("../images/nav.png") no-repeat center top; }
#nav .main > ul{ float: left; margin-top: 22px; margin-left: 20px;}
#nav .main > ul > li{ position: relative; float: left; font-size: 23px; color: #fff; padding: 6px 15px 9px 15px; }
#nav .main > ul > li:hover{ background: #3f6ba7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#nav .main > ul > li > a:hover{ color: #fbc817; }
.sub { z-index: 999; opacity: 0; filter: alpha(opacity = 0); position: absolute; top: 44px; width: 202px; background: #06377a; left: 50%; margin-left: -101px;  }
.sub li{ text-align: center; padding: 10px 0px; font-size: 19px; }
#nav  .sub li:hover{ background: #3f6ba7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#nav  .sub li a:hover{ color: #fbc817; }
.show{ display: block!important; }
.hiden{ display: none!important; }
/*NAWIGACJA: END*/

/*CAROUSEL*/
#carousel{ width: 1186px; margin: 20px auto 35px auto; position: relative;}
#carousel ul{ float: left; }
#carousel ul li{ float: left; width: 362px; min-height: 406px; margin-left: 25px; }
#carousel ul li:first-child{  }
#carousel ul li span.photo{ display: block; height: 329px; margin-bottom: 8px; }
#carousel ul li span.desc{ display: block; color: #353434; background: #e1e1e1; display: block; height: 62px; padding: 7px 18px; margin-bottom: 8px; }
#carousel ul li span h2{ font-size: 19px; font-weight: bold; }
.next{ cursor: pointer; z-index: 100; display: block; width: 70px; height: 64px; position: absolute; top: 150px; right: 0px; background: url("../images/next.png") no-repeat center top;}
.prev{ cursor: pointer; z-index: 100; display: block; width: 70px; height: 64px; position: absolute; top: 150px; left: 0px; background: url("../images/prev.png") no-repeat center top;}
/*CAROUSEL: END*/

/*CONTENT*/
.title {width: 1136px; font-size: 24px; color: #fff; height:36px; margin: 8px auto 8px auto; background: url("../images/title.png") no-repeat center top; }
.title span.other  { font-size: 18px; padding-top: 4px; height: 32px;}
.title span.leftt{ display: block; padding-left: 18px; width: 739px; float: left; }
.title span.rightt{ display: block; padding-left: 12px; float: left; color: #616162; }
#content .col1{ float: left; width: 737px; min-height: 400px; text-align: justify; font-size: 13px; }
#content .col2{ float: right; width: 372px; min-height: 400px; text-align: justify; font-size: 13px; }
#content .col2 #elementy{ width: 372px; height: 174px; text-align: justify; font-size: 13px; background: url("../images/elementy.png") no-repeat center top; }
#content .col2 #elementy h2{ padding-left: 219px; font-size: 19px; font-weight: bold; padding-top: 15px;  }
#content .col2 #elementy ul{ padding-left: 219px; }
#content .col2 #flota-box { margin-top: 25px; width: 371px; height: 216px;  }
/*CONTENT: END*/

/*FOOTER*/
#footer { width: 100%; height:208px; margin-top: 28px; background: #acacac url("../images/footer.jpg") no-repeat center top; }
#footer .main{}
#footer .main #realizacja{ float: left; padding-top: 110px; }
#footer .main h1.logo{ float: right; padding-top: 58px; padding-right:57px; }
#footer .main .text{ padding-top: 93px; text-align: right; padding-right: 58px; float: right; color: #868687; font-size: 17px;  }
#footer .main .text span{ color: #06397d; font-weight: bold; }
/*FOOTER: END*/

a.more{ display: block; float: right; padding-right: 30px; height: 22px; font-size: 16px; margin-bottom: 10px; background: url("../images/more_arrow.png") no-repeat right center; }
a.current{ color: #fbc817; }

/*OFERTA*/
#offer-list{  overflow: hidden; width: 375px; padding-left: 50px; margin-left: -50px; margin-right: 10px; height: 500px;  float: left; margin-top: 10px;}
#offer-list ul{ float: left;}
#offer-list ul > li{ position: relative; float: left; margin: 3px;}
#offer-list ul > li a img{ 	-webkit-box-shadow: 0 8px 6px -6px #bcbcbc; -moz-box-shadow: 0 8px 6px -6px #bcbcbc;  box-shadow: 0 8px 6px -6px #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#offer-list ul > li p{ overflow: hidden; font-size: 13px; text-align: center; padding-top: 0px; padding-bottom: 5px; height: 35px; display: block; width: 105px; text-transform: uppercase; color: #676766; font-weight: bold; }
#offer-list ul > li > ul{ top:100px; overflow: visible; opacity: 0; filter: alpha(opacity = 0); z-index: 100; left: 50%; margin-left:-76px; width: 152px; height: auto; position: absolute; background: #1d5197; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#offer-list ul > li > ul  li{ float: left;}
#offer-list ul > li > ul  li a img{ width: 70px; }
#offer-list ul > li > ul  li a p{ color: #fff!important; padding: 0px; width: 70px; }
#offer-list ul li span{ left:50%; margin-left: -10px; top:-11px; position: absolute; display: block; width: 21px; height: 11px; background: url("../images/offer_arrow.png") no-repeat center top; }

.flexslider{ float: left; margin-top: 13px; width: 351px; margin-left: 0px; left: 0px; }
.flexslider img{ -webkit-box-shadow: 0 8px 6px -6px #bcbcbc; -moz-box-shadow: 0 8px 6px -6px #bcbcbc; box-shadow: 0 8px 6px -6px #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
.flexslider span.desc{ display: block; color: #353434; background: #e1e1e1; display: block; min-height: 141px; margin-top: 10px; width: 326px; padding: 14px 18px 0px 18px; }
.flexslider h2{ font-size: 19px; font-weight: bold; }
.flexslider p{ padding-top: 10px; }
.col2 #short-contact{ margin-top: 13px; }
.col2 .map{ margin-top: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.col2 .map iframe{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*OFERTA: END*/

/*PAGE GALLERIES*/
.page-gallery{ float: left; margin: 20px 10px;  }
.page-gallery li{ position: relative; float: left; margin: 0px 4px; padding-bottom: 14px; background: url("../images/photo_shadow.png") no-repeat center bottom;}
.page-gallery li a > img{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid #e4e6e8;}
.page-gallery li a span.zoom{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0; filter: alpha(opacity = 0); top: 3px; left: 3px; display: block; width: 225px; height:157px; position: absolute; background: url("../images/zoom.png");}
.page-gallery li a span.zoom img{ border: none; padding-left:92px; padding-top:56px; }


.galeria-glowna li{ position: relative; float: left; margin: 0px 4px; padding-bottom: 14px; background: url("../images/photo_shadow.png") no-repeat center bottom;}
.galeria-glowna li a > img{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid #e4e6e8;}
.galeria-glowna li a span.zoom{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0; filter: alpha(opacity = 0); top: 3px; left: 3px; display: block; width: 340px; height:237px; position: absolute; background: url("../images/zoom.png");}
.galeria-glowna li a span.zoom img{ border: none; padding-left:145px; padding-top:93px; }
.galeria-title { display: block; text-align: center; width: 340px; height: 40px; font-size: 14px; }
/*PAGE GALLERIES: END*/

/*CERTYFIKATY*/
.certyfikaty { float: left; }
.certyfikaty > li { margin-top: 20px; float: left; margin-bottom: 10px; }
.certyfikaty li span.photo{ float: left; display: block; width: 256px; height: 214px; position: relative; padding-bottom: 28px; background: url("../images/cert_shadow.png") no-repeat center bottom;}
.certyfikaty li span.photo a > img{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid #e4e6e8;}
.certyfikaty li span.photo a span.zoom{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0; filter: alpha(opacity = 0); top: 3px; left: 3px; display: block; width: 256px; height:214px; position: absolute; background: url("../images/zoom.png");}
.certyfikaty li span.photo a span.zoom img{ border: none; padding-left:103px; padding-top:82px; }
.certyfikaty li span.text { display: block; float: left; margin-left: 24px; width: 430px; }
.certyfikaty li span.text h2 { font-size: 24px; color: #4e4e4e; background: url("../images/cert_title.png") no-repeat left bottom; padding-bottom: 5px;}
.certyfikaty li span.text div.flexcroll {  height: 150px; margin-top: 15px; overflow: hidden; padding-right: 10px;}
.certyfikaty li span.text div ul li { background: url("../images/list_arrow.png") no-repeat left top; padding-left: 10px;  }
/*CERTYFIKATY: END*/

/*KONTAKT*/
#contact-form { margin-top: 20px; }
#contact-form  span.left-col{ display: block; width: 257px; float: left; margin-right: 37px; }
#contact-form  span.right-col{  width: 431px; float: left;  }
#contact-form label{ display: block; font-size: 20px; color: #585858; padding-bottom: 4px; }
#contact-form input{width: 250px; padding-left: 7px; height: 30px; background: #f0f0f0; color: #2e2e2e; font-family: calibri; font-size: 14px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#contact-form textarea{width: 424px; padding-left: 7px; height: 200px; background: #f0f0f0; color: #2e2e2e; font-family: calibri; font-size: 14px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#contact-form span.input-shadow{ display: block; width: 257px; padding-left: 7px; height: 20px; background: url("../images/input_shadow.png") no-repeat center top; }
#contact-form span.area-shadow{ display: block; width: 424px; padding-left: 7px; height: 20px; background: url("../images/area_shadow.png") no-repeat center top; }
#contact-form input#send-email{ cursor: pointer; border: none; width: 150px; margin-right: 15px; display: block; float: right; padding-right: 30px; height: 22px; font-size: 16px; margin-bottom: 10px; background: url("../images/more_arrow.png") no-repeat right center; }

h2.localization{  display: block; font-size: 20px; color: #585858; padding-bottom: 4px;  }
#contact-map { background: #e6e6e6; padding: 3px; width: 724px; height:400px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#contact-map iframe{  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#contact-map iframe{  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#short-contact .home{ margin-top: 20px; padding-left: 33px; color: #063472; font-size: 16px; background: url("../images/home_icon.png") no-repeat left top; }
#short-contact .nip{ margin-top: 10px; padding-left: 33px; color: #063472; font-size: 16px; background: url("../images/id_icon.png") no-repeat left top; }
#short-contact .tel{ margin-top: 10px; padding-left: 33px; color: #063472; font-size: 16px; background: url("../images/tel_icon.png") no-repeat left top; }
#short-contact .email{ margin-top: 10px; padding-left: 33px; color: #063472; font-size: 16px; background: url("../images/mail_icon.png") no-repeat left top; }

.form-status{ margin-top: 10px; height: 20px; line-height: 20px; text-align: center; margin-bottom: 0px; }
.form-status span.error{ background: red; display: block; color: #fff; margin: 0px 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.form-status span.accept{ background: #aee893; display: block; color: #443d3d; border-radius: 5px; margin: 0px 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
/*KONTAKT: END*/