/*
Kolory:
Tło - #d1d7da
Głowny - #134d72 - granatowy
       - #e15c12 - pomarańczowy
       - #979ea2 - szary
*/

html, body {
    margin: 0;
    padding: 0;
    font-family: Arial, Georgia, sans-serif;
}
body {
    background: #d1d7da url(../img/background.jpg) center 149px fixed repeat-y;
}
a {
    text-decoration: none;
}
a:link, a:visited {
    outline:none;
    color: #134d72;
}
h1, h2, p {
    margin: 0;
    color: #134d72;
}
h1 {
    font-size: 60px;
    margin-bottom: 20px;
}
h2 {
    font-size: 56px;
    font-weight: normal;
    margin-bottom: 20px;
}
p {
    font-family: Georgia;
}
img {
    border: none;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
    font-weight: normal;
}
textarea, input {
    outline: none;
}
/*Nagłowek*/
header {
    z-index: 1;
    position: fixed;
    width: 100%;
}
#header_top {
    height: 7px;
    width: 100%;
    background-color: #134d72;
}
#header_line {
    height: 1px;
    width: 100%;
    background-color: #e15c12;
}
#header_menu {
    position: relative;
    height: 141px;
    width: 100%;
    background-color: #fff;
    -ms-box-shadow: 0 0 14px -4px #000;
    -webkit-box-shadow: 0 0 14px -4px #000;
    box-shadow: 0 0 14px -4px #000;
}

/*Menu*/
#nav_container {
    position: absolute;
    width: 884px;
    height: 84px;
    top: 50%;
    left: 50%;
    margin-top: -42px;
    margin-left: -442px;
}
#nav_container > img {
    float: left;
    position: relative;
    top: 50%;
    margin-top: -25px;
}
nav {
    float: left;
    margin-left: 52px;
    font-size: 14px;
    color: #979ea2;
}
nav > div {
    float: left;
    width: 144px;
    height: 84px;
    background: url(../img/nav_line.png) left top repeat-y;
}
nav > div:hover {
    cursor: pointer;
}
#nav_last {
    width: 1px;
}
nav > div > div {
    position: relative;
    width: 143px;
    height: 84px;
    left: 1px;
}

#start {
    position: absolute;
    width: 100%;
    height: 18px;
    top:50%;
    margin-top:-9px;
    text-align: center;
}
#oferta {
    position: absolute;
    width: 100%;
    height: 18px;
    top:50%;
    margin-top:-9px;
    text-align: center;
}
#cennik {
    position: absolute;
    width: 100%;
    height: 18px;
    top:50%;
    margin-top:-9px;
    text-align: center;
}
#kwalifikacje {
    position: absolute;
    width: 100%;
    height: 18px;
    top:50%;
    margin-top:-9px;
    text-align: center;
}
#kontakt {
    position: absolute;
    width: 100%;
    height: 18px;
    top:50%;
    margin-top:-9px;
    text-align: center;
}

nav > div > div > div img {
    vertical-align: middle;
    margin-right: 14px;
}

/*Slajdy*/

/*Dla wszystkich slajdów*/
.slide {
    position: relative;
    width: 100%;
    -ms-box-shadow: 0 0 14px -4px #000;
    -webkit-box-shadow: 0 0 14px -4px #000;
    box-shadow: 0 0 14px -4px #000;
}
.primary {
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*Poszczególne slajdy*/

#slide_start {
    height: 650px;
    top: 149px;
    margin-bottom: 340px;
}
#slide_oferta {
    height: 612px;
    min-width: 960px;
    background: #fff url(../img/oferta_background.jpg) center top no-repeat;
    margin-bottom: 380px;
}
#slide_cennik {
    min-height: 446px;
    min-width: 960px;
    background: #fff url(../img/cennik_background.jpg) center top no-repeat;
    margin-bottom: 380px;
    padding-top: 123px;
    padding-bottom: 86px;
}
#slide_kwalifikacje {
    height: 670px;
    min-width: 960px;
    background: #fff url(../img/cennik_background.jpg) center top no-repeat;
    margin-bottom: 380px;
}
#slide_kontakt {
    height: 800px;
    min-width: 960px;
    background: #fff url(../img/cennik_background.jpg) center top no-repeat;
    margin-bottom: 220px;
    -webkit-margin-bottom-collapse: separate;
}

/*Slajd start*/

#slide_start section {
    position: relative;
    top: 162px;
    width: 610px;
    height: 415px;
    margin: auto;
}
#slide_start div {
    position: absolute;
    width: 515px;
    height: 410px;
    top:50%;
    left: 89px;
    margin-top: -205px;
}
#slide_start p {
    line-height: 25px;
}

/*Slajd oferta*/

#slide_oferta section {
    position: relative;
    top: 164px;
    width: 610px;
    height: 283px;
    margin: auto;
}
#slide_oferta div {
    position: absolute;
    width: 505px;
    height: 256px;
    top: 50%;
    left: 89px;
    margin-top: -128px;
}
#slide_oferta p {
    line-height: 25px;
}

/*Slajd cennik*/

#cennik_description {
    position: relative;
    width: 610px;
    height: 283px;
    margin: 0 auto;
}
#cennik_description div {
    position: absolute;
    width: 500px;
    height: 234px;
    top: 50%;
    left: 89px;
    margin-top: -117px;
}
#cennik_description p {
    line-height: 25px;
}

/*Formularz cennika*/
#cennik_form_container {
    position: relative;
    width: 855px;
    height:100%;
    margin: 86px auto 0;
}
#cennik_form_container p {
    margin-bottom: 27px;
    text-align: center;
    font-family: Arial;
}
.cennik_h_line {
    width: 814px;
    height: 3px;
    margin: 0 auto;
    background: url(../img/cennik_h_line.png) left top repeat-x;
}
.cennik_h_line_shadow {
    width: 814px;
    height: 20px;
    margin: 0 auto;
    background: url(../img/cennik_h_line_shadow.png) left top no-repeat;
}
.cennik_h_line_body {
    width: 814px;
    height: 3px;
    margin: 0 auto;
    background: url(../img/cennik_h_line.png) left top repeat-x;
}
.cennik_form_buckle {
   text-align: center;
   height: 28px;
   margin-top: -21px;
}
#cennik_form {
    height: 483px;
}
#cennik_form_body {
    height: 452px;
    background: url(../img/cennik_body_shadow.png) left top no-repeat;
}
/*Pojemnik z kartami formularza*/
#cennik_tabs {
    width: 436px;
    margin: auto;
    padding: 0;
}
#cennik_tabs li {
    float: left;
    width: 145px;
    height: 44px;
    background: url(../img/tabs_line.png) left top repeat-y;
    list-style: none;
}
#cennik_tabs li#tab_last {
    width: 1px;
}
#cennik_tabs a {
    display: block;
    width: 144px;
    margin-left: 1px;
    line-height: 44px;
    color: #868889;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
#cennik_tabs a.active {
    background-color: #f7f5f5;
}
#cennik_panel_container {
    clear: left;
}
.cennik_panel {
    padding-top: 55px;
}
.cennik_panel span {
    margin-right: 38px;
    vertical-align: middle;
}
form span {
    color: #58585a;
    font-weight: bold;
    font-size: 14px;
}
/*Kontrolki formularza*/
.ui-button {
    display: inline-block;
    position: relative;
    padding:0;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 7px;
}
.ui-state-default {
    width: 35px;
    height: 28px;
    background: url(../img/radio_buckles.png) left top no-repeat;
}
.ui-state-active {
    background: url(../img/radio_buckles_active.png) left top no-repeat;
}
.ui-helper-hidden {
    display: none;
}
.ui-slider {
    position: relative;
    width: 160px;
    height: 1px;
    margin-top:6px;
    margin-bottom: 18px;
    background-color: #e15c12;
}
.ui-slider-handle {
    position:absolute;
    display:block;
    width: 8px;
    height: 15px;
    margin-top:-7px;
    margin-left:-4px;
    background: none;
    background-color: #134d72;
}

.field_slider {
    position: absolute;
    width: 115px;
    height: 28px;
    background: url(../img/field_slider.png) left top no-repeat;
    text-align: center;
    line-height: 28px;
    color: #134d72;
    font-size: 12px;
    font-weight: bold;
}
#field_przychodowe {
    top: 11px;
    left: 170px;
}
#field_kosztowe {
    top: 55px;
    left: 170px;
}
#field_zagranica {
    top: 11px;
    left: 170px;
}
#field_pracownikow {
    top: 0;
    left: 170px;
}
#slider_pracownikow {
    margin-top: 14px;
}
#slide_dalej1 > span.ui-button-text, #slide_dalej2 > span.ui-button-text {
    color: #fff;
    margin-right: 0px;
    font-size: 12px;
    line-height: 26px;
}
#slide_dalej1.ui-button, #slide_dalej2.ui-button, #wyslij.ui-button {
    display: block;
    position: absolute;
    bottom:68px;
    left: 50%;
    margin-left: -58px;
}
#slide_dalej1.ui-state-default, #slide_dalej2.ui-state-default, #wyslij.ui-state-default {
    width:115px;
    height: 27px;
    background: none;
    background: url(../img/dalej_button.png) left top no-repeat;
    text-align: center;
}
#wyslij {
    border: none;
    color: #fff;
    margin-right: 0px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
}
#text_dodatkowe_info {
    resize: none;
    border: none;
    width:490px;
    height: 108px;
    padding: 5px 15px;
    background: url(../img/dodatkowe_informacje.png) left top no-repeat;
    overflow: hidden;
    color: #134D72;
    vertical-align: middle;
}
#numer_telefonu, #email {
    width: 173px;
    height: 28px;
    padding: 0 10px;
    margin-left:6px;
    border: none;
    color: #134D72;
    background: url(../img/input_text_background.png) left top no-repeat;
}
label.error {
    color: #E15C12;
    margin-left: 6px; 
}

/*Formularz karta 1*/
#forma_rozliczenia {
    margin-left: 108px;
    margin-bottom: 34px;
}
#forma_rozliczenia div {
    display: inline-block;
    color: #134d72;
    font-weight: bold;
    font-size: 12px;
    margin-right: 32px;
}
#platnik_vat {
    margin-left: 148px;
    margin-bottom: 34px;
}
#platnik_vat div {
    display: inline-block;
    color: #134d72;
    font-weight: bold;
    font-size: 12px;
    margin-right: 62px;  
}
#ilosc_dokumentow {
    margin-left: 100px;
}
#dokumenty_opis {
    display: inline-block;
    text-align: right;
}
#dokumenty_sliders {
    position:relative;
    display: inline-block;
    width: 330px;
    height: 100px;
}
#dokumenty_sliders span {
    display: inline-block;
    width: 160px;
    font-size: 11px;
    color: #868889;
    text-align: center;
}
/*Formularz karta 2*/
#handel_zagranica {
    margin-left: 102px;
    margin-bottom: 34px;
}
#handel_zagranica div {
    display: inline-block;
    color: #134d72;
    font-weight: bold;
    font-size: 12px;
    margin-right: 62px;
}
#handel_zagranica_dokumenty > div {
    position: relative;
}
#handel_zagranica_dokumenty span {
    display: inline-block;
    width: 160px;
    font-size: 11px;
    color: #868889;
    text-align: center;
}
#handel_zagranica_dokumenty {
    margin-left: 275px;
    margin-bottom: 60px;
}
#ilosc_pracownikow {
    margin-left: 104px;
}
#ilosc_pracownikow > div {
    position:relative;
    display: inline-block;
    vertical-align: middle;
}
#ilosc_pracownikow > span {
    display: inline-block;
    margin-bottom: 5px;
}
/*Formularz karta 3*/
#dodatkowe_informacje {
    margin-left: 72px;
    margin-bottom: 44px;
}
#dodatkowe_informacje > span {
    display: inline-block;
    margin-bottom: 90px;
}
#kontakt_form {
    margin-left: 170px;
}
#kontakt_form span {
    display:inline-block;
    margin-right: 50px;
    margin-bottom: 73px;
}
#kontakt_form > div {
    display: inline-block;
    width: 520px;
    vertical-align: middle;
}
#kontakt_form > div > div {
    color: #134d72;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 24px;
}
#field_email {
    margin-left: 30px;
}
.form_info {
    position:relative;
    top: 48%;
    text-align:center;
    color: #134D72;
    font-weight: bold;
}
.form_info_error {
    position:relative;
    top: 48%;
    text-align:center;
    color: #E15C12;
    font-weight: bold;
}

/*Slajd kwalifikacje*/
#slide_kwalifikacje section {
    padding-top: 125px;
}
#headline_kwalifikacje {
    position: relative;
    width: 600px;
    height: 97px;
    margin: auto;
}
#headline_kwalifikacje div {
    position: absolute;
    width: 340px;
    height: 70px;
    top:50%;
    left: 89px;
    margin-top: -35px;
}
#gallery_kwalifikacje {
    width: 615px;
    margin: 85px auto 0;
    padding-left: 200px;
}
#gallery_kwalifikacje img {
    margin-right: 100px;
    -ms-box-shadow: 0 0 9px -1px #000;
    -webkit-box-shadow: 0 0 9px -1px #000;
    box-shadow: 0 0 7px -2px #000;
}

/*Slajd kontakt*/
#kontakt_mapa {
    display: inline-block;
    width: 700px;
    height: 400px;
    
}
#slide_kontakt section {
    padding-top: 125px;
}
#headline_kontakt {
    position: relative;
    width: 600px;
    height: 97px;
    margin: 0 auto 25px;
}
#headline_kontakt div {
    position: absolute;
    width: 230px;
    height: 70px;
    top:50%;
    left: 89px;
    margin-top: -35px;
}
#kontakt_caly {
    display: inline-block;
    margin-top: 50px;
    margin-left: 25px;
    vertical-align: top;
}
.kontakt {
    font-family: Georgia;
    color: #134D72;
    margin-bottom: 30px;
}
/*#kontakt_adres {
    font-family: Georgia;
    color: #134D72;
}
#kontakt_jakub {
    font-family: Georgia;
    color: #134D72;
}
#kontakt_jolanta {
    font-family: Georgia;
    color: #134D72;
}*/