/* RESET */
div, a, ul, li, h1, h2, h3, h4, h5, h6, img, p, fieldset, label, input, textarea{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; -webkit-text-size-adjust: none; }
div{ width: auto; float: left; }
ul{ list-style: none; }

/* linki */
a:link{ color: #b20009; text-decoration: none; }
a:hover{ color: #000 !important; text-decoration: none; }
a:active{ color: #b20009; text-decoration: none; }
a:visited{ color: #c25054; text-decoration: none; }

/* fonts */
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/myriadpro-regular-webfont.eot?') format('eot');
    src: local('☺'),
    url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
    url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
    url('../fonts/myriadpro-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProSemibold';
    src: url('../fonts/myriadpro-semibold-webfont.eot?') format('eot');
    src: local('☺'),
    url('../fonts/myriadpro-semibold-webfont.woff') format('woff'),
    url('../fonts/myriadpro-semibold-webfont.ttf') format('truetype'),
    url('../fonts/myriadpro-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#global{ font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; color: #4c4c4c; line-height: 22px; }
h1, #menu li a, #lead span{ font-family: 'MyriadProRegular', verdana, tahoma, arial, sans-serif; }
#lead span.l{ font-family: 'MyriadProSemibold', verdana, tahoma, arial, sans-serif; }

/* nagłówki */
h1, h2{ width: 100%; float: left; }
h1{ font-size: 22px; color: #000; padding-bottom: 30px; }
h2{ font-size: 16px; border-bottom: 1px solid #d8d8d8; padding: 20px 0 20px 0; }

/* SPRITE */
/* strzalki */
.arrow_link span,
ul.list li a span,
ul.list li span span,
.nav div .back span,
.nav div .top span{ background-image: url(../images/arrow.png); background-repeat: no-repeat; }

/* arrow link */
.arrow_link{ width: auto; float: left; position: relative; padding-right: 13px; }
.arrow_link span{ width: 3px; height: 5px; float: left; position: absolute; top: 9px; right: 0; background-position: 0 -13px; }

/* block_1 */
.block_1{ width: 100%; float: left; background: url(../images/block_1.png) repeat-y top center; }
.block_1 li{ width: 455px; }
.block_1 li.l{ float: left; }
.block_1 li.r{ float: right; }

/* lista */
ul.list, ul.list li{ width: 100%; float: left; }
ul.list li{ width: 100%; float: left; }
ul.list li a, ul.list li span{ width: auto; float: left; padding-left: 10px; position: relative; }
ul.list li a span, ul.list li span span{ width: 3px; height: 5px; float: left; position: absolute; top: 9px; left: 0; background-position: 0 -13px; padding: 0; }

/* kontener z tłem dla podstron */
.block_2{ width: 100%; margin-top: 20px; background: #fff url(../images/content_bg.jpg) no-repeat top center; }
.block_2 .block_inner{ width: 920px; float: left; margin: 0 20px 0 20px; margin-top: 40px; background: url(../images/block_2.png) repeat-y top center; }
.block_2 .block_inner li.l{ width: 260px; float: left; }
.block_2 .block_inner li.r{ width: 600px; float: right; }
.block_2 .block_inner li h1{ padding: 0; }
.block_2 .block_inner li p{ width: 100%; float: left; padding-top: 30px; }
.block_2 .block_inner li .arrow_link{ float: right; margin-top: 20px; }

/* pasek nawigacyjny */
.nav{ width: 100%; border-top: 1px solid #d8d8d8; padding: 10px 0 10px 0; margin-top: 60px; }
.nav div{ float: right; }
.nav div div{ float: left; color: #d8d8d8; }
.nav div a{ color: #b2b2b2; }
.nav div a{ width: auto; float: left; position: relative; padding-left: 16px; }
.nav div a span{float: left; position: absolute; left: 0; }

.nav div .back{ padding-left: 16px; margin-right: 10px; }
.nav div .back span{ width: 8px; height: 5px; top: 9px; background-position: 0 0; }

.nav div .top{ padding-left: 13px; margin-left: 10px; }
.nav div .top span{ width: 5px; height: 8px; top: 7px; background-position: 0 -5px; }

/* tabela */
.table{ width: 100%; float: left; line-height: 16px; background: #fff; }
.table td{ border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 6px 15px 6px 15px }
.table .second td{ background: #f6f6f6; }
.table td.nob{ border-right: 0; }
.table td.smallfont{ font-size: 9px; }
.table .mediumfont td{ font-size: 9px; }
.table table{ width: 100%; }
.table table td{ border: 0; padding: 0; }
.table table td.right{ text-align: right; }

/* html, body */
html, body{ width: 100%; height: 100%; margin: 0; background: #fff; }

/* szkielet */
#global{ width: 100%; height: 100%; }
#global .section{ width: 100%; }
#global .section .wrap{ width: 980px; float: none; margin: 0 auto; background: transparent; }
#global .section .wrap .inner{ width: 960px; margin: 0 10px 0 10px; background: transparent; }

/* ZDJĘCIE W TLE */
#bg_img{ width: 100%; background: url(../images/main-bg.jpg) no-repeat top center; }

/* NAGŁÓWEK */
#header .inner{ padding-bottom: 24px; }
/* logo */
#logo{ width: auto; float: left; margin: 26px 0 0 10px; }
/* główne menu */
#menu{ width: auto; float: right; margin-right: 10px; }
#menu li{ width: auto; float: left; border-left: 1px solid #e5e5e5; }
#menu li a{ width: auto; float: left; border-left: 1px solid #fff; padding: 46px 30px 5px 30px; font-size: 14px; line-height: normal; color: #b20009; }
#menu li a:hover, #menu li a.active{ padding-top: 36px; padding-bottom: 15px; color: #4c4c4c; text-decoration: underline; background: url(../images/menu_active.png) repeat-x top center }
#menu li.last{ border-right: 1px solid #e5e5e5; }
#menu li.last a{  border-right: 1px solid #fff; }

/* submenu */
.submenu{ width: 100%; float: left; border-top: 2px solid #e2bcbe; background: #fff; -moz-box-shadow: 0px 0px 4px #dedede; -webkit-box-shadow: 0px 0px 4px #dedede; box-shadow: 0px 0px 4px #dedede; }
.submenu li.last{ border-bottom: 0; }
.submenu li{ width: 240px; float: left; border-bottom: 1px solid #e5e5e5; }
.submenu li a{ width: 220px; float: left; padding: 8px 0 8px 20px; color: #4c4c4c; text-decoration: underline; font-size: 12px; }
.submenu li a:hover, .submenu li a.active{ background: #b13136; color: #fff !important; text-decoration: none; }
.submenu li a:visited{ color: #898989; }
.submenu li h1{ width: 200px; margin-left: 20px; font-size: 20px; padding: 11px 0 10px 0 !important; }

/* ZDJĘCIE LEADOWE */
#lead{ width: 100%; height: 271px; }
#lead span{ width: auto; float: left; margin: 85px 0 0 10px; font-size: 35px; color: #fff; line-height: 40px; clear: left; }
#lead span.l{ font-size: 46px; text-indent: 180px; margin-top: 0; }

/* STRONA GŁÓWNA */
#main_info{ width: 100%; padding: 30px 0 30px 0; }
#main_info li.l p{ width: 100%; float: left; }
#main_info li.r ul.list{ width: 210px; }
#main_info li.r ul.list.r{ float: right; }
#main_info .arrow_link{ float: right; margin-top: 20px; }

/* O FIRMIE */
#about ul li.l img{ width: auto; float: left; }

/* OFERTA */
#offer ul li.r .list{ margin-top: 20px; }

/* KONTAKT */
/* dane kontaktowe */
#contact .block_inner ul{ width: 100%; float: left; margin-top: 20px; }
#contact .block_inner ul li{ width: 100%; float: left; }
/* fornularz kontaktowy */
#contact form{ width: 100%; float: left; margin-top: 30px; }
#contact form div{ padding-bottom: 10px; }
#contact form fieldset{ width: 100%; float: left; }
#contact form label{ width: 100%; float: left; color: #4c4c4c; }
#contact form input,
#contact form textarea{ width: auto; float: left; border: 1px solid #676767; padding: 7px; }

#contact form .data div{ width: 260px; margin-right: 20px; }
#contact form .data input{ width: 244px; }

#contact form .message div{ width: 540px; }
#contact form .message textarea{ width: 526px; }

#contact form .send{ width: 540px; }
#contact form .send div#captchaarea{ width: 400px; float: left; }
#contact form .send div#captchaarea label{ width: 100%; }
#contact form .send div#captchaarea img{ float: left; margin-right: 10px; }
#contact form .send div#captchaarea input{ width: 100px; }

#contact form .send div.btn{ width: auto; float: right; }
#contact form .send div.btn input{ border: 0; margin-top: 24px; width: 131px; height: 21px; background: url(../images/wyslij_wiadomosc.png) no-repeat; cursor: pointer; float: right; }

#contact div.errorinfo{ width: 100%; float: left; color: red; padding-top: 30px; }
#contact div.sukcesinfo{ width: 100%; float: left; font-size: 16px; color: #295f16; padding-top: 30px; }
#contact form div.error label{ color: #ff0000; }

/* KONTAKT I WSPÓŁPRACA */
#contact_cooperation{ background: #fff url(../images/footer-bg.png) repeat-x top center; padding: 30px 0 30px 0; }
#contact_cooperation ul.block_1 li.l{ background: url(../images/phone.jpg) no-repeat 220px 10px; }
#contact_cooperation ul.block_1 li.l ul{ width: 100%; float: left; }
#contact_cooperation ul.block_1 li.l ul .arrow_link{ margin-top: 20px; }
#contact_cooperation ul.block_1 li.r p{ width: 100%; float: left; }
#contact_cooperation ul.block_1 li.r p img{ width: auto; float: left; margin-right: 30px; }

/* STOPKA */
#footer{ border-top: 1px solid #f2f2f2; }
#footer ul.block_1{ background: none; }
#footer ul.block_1 li{ color: #b2b2b2; padding: 20px 0 20px 0 }
#footer ul.block_1 li a{ color: #b2b2b2; }
#footer ul.block_1 li.l{ text-align: left; }
#footer ul.block_1 li.r{ text-align: right; }