@import 'line-awesome.css';

* {margin: 0; padding: 0; box-sizing: border-box;}
body {margin: 0 auto; width: 100%; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: rgba(255, 255, 255, 1);}

header {width: 100%; position: relative; background: #526ab4 url(../img/tlo.jpg) no-repeat center center; 
    background-size: cover;}
section {width: 100%;}
/*GŁÓWNA*/
#menu {position: fixed; z-index: 10; width: 100%; top: 0; transition: background-color 0.4s ease-out;}
#menu2 {position: fixed; z-index: 10; width: 100%; top: 0; background-color: #505061;}
.gornabelka {width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .25)}
.gornabelkadiv {width: 70%; margin: 0 auto; height: 30px; text-align: right; line-height: 30px;}
.la {width: 30px; height: 30px; margin: 1px; color: rgba(255, 255, 255, .75); font-size: 15px;}
.la2 {font-size: 25px; float: right; text-align: center; line-height: 30px;}
.sociallink {width: 30px; height: 30px; text-decoration: none;}
nav {width: 100%; padding: 50px 0px; height: 135px; transition: height 0.4s ease-out, padding 0.4s ease-out;}
nav div {width: 70%; margin: 0 auto;}
.logo {width: 235px; height: 35px; float: left; background: url(../img/logo.png) no-repeat top left;
    color: rgba(0,0,0,1); padding-top: 35px; text-decoration: none;}
nav div ul {float: right;}
nav div ul li {list-style: none; display: inline-block;}
nav div ul li a {padding: 10px 5px; line-height: 35px; text-decoration: none; transition: text-decoration 1s ease-out;
    font-size: 14px; color: rgba(255, 255, 255, 1); }
nav div ul li a:hover {text-decoration: underline;}
#maintresc {padding-top: 175px;}
.tresc {width: 70%; max-width: 1200px; margin: 0 auto; padding: 40px 10px;}
.trescglowna {padding-top: 175px;}
.left {width: 70%; float: left;}
.right {width: 30%; float: right;}
.right img {position: relative; bottom: -70px; right: 0;}
.left h2 {font-size: 50px; line-height: 60px; margin: 30px 0; font-weight: 100;}
.left h3 {font-size: 28px; line-height: 50px; margin: 10px 0; font-weight: 100;}
.button {margin: 20px; padding: 20px 80px; border: 1px solid rgba(255, 255, 255, 1); float: left; cursor: pointer;
    font-size: 20px; background-color: rgba(148, 151, 206, .75); transition: border 0.4s ease-out; 
    color: rgba(255, 255, 255, 1); text-decoration: none;}
.button:hover {border: 1px solid rgba(58, 59, 81, 1);}
h4 {font-size: 30px; border-bottom: 1px solid rgba(80, 80, 97, 1); color: rgba(80, 80, 97, 1); padding: 10px 20px;
    font-weight: 100; margin-bottom: 15px;}
.centrum {width: 50%; min-height: 280px; float: left;}
.centrum h5 {font-size: 18px; color: rgba(80, 80, 97, 1); line-height: 30px; margin: 0 10px;}
.centrum p, .centrum ul {color: rgba(80, 80, 97, 1); line-height: 22px; margin: 10px; font-size: 14px;}
.centrum ul li {margin-bottom: 5px;}
    /*SLIDER*/
    #slider {margin: 0px auto; position: relative; width: 90%; padding: 10px;}
    #slider > div {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px;}
    #slider > div > img {width: 100%; border: 3px solid rgba(0,0,0,1); }
    /*KONIEC SLIDER*/
/*KONIEC GŁÓWNA*/
/*ZAKŁADKI*/
    /*OFERTY PRACY*/
    .oferta {width: 100%; border: 1px solid rgba(58, 59, 81, 1); margin: 2px 0; padding: 10px;}
    .oferta p {color: #505061;}
    .zawod {font-size: 16px; font-weight: 600; color: rgba(58, 59, 81, 1);}
    .tytuloferty {width: 100%; padding: 10px;}
    .tytulofertylewa {width: 35%; float: left;}
    .tytulofertyprawa {width: 65%; float: right;}
    .ofertapracy {width: 100%; margin-top: 20px; float: left; display: none;}
    .ofertapracygora {width: 100%; height: 270px; float: left; margin-bottom: 10px; background: url(../img/zawody/elektromonter1200.jpg) no-repeat top right;}
    .ofertapracygora h6 {position:  relative; margin-top: 200px; width: 60%; background-color: rgba(58, 59, 81, .75);
        color: rgba(255, 255, 255, 1); font-size: 20px; padding: 5px 5px 5px 30px;}
    .ofertapracylewa {width: 65%; float: left; border: 1px solid rgba(58, 59, 81, 1); margin-bottom: 10px; 
        padding: 20px; line-height: 20px;}
    .ofertapracylewa h6 {background-color: rgba(58, 59, 81, 1); color: rgba(255, 255, 255, 1); padding: 3px 10px;
        margin: 20px 0px 4px 0px; width: 70%; font-size: 16px;}
    .ofertapracylewa p {font-size: 14px; line-height: 22px;}
    .buttonoferta {float: right;}
    .ofertapracyprawa {width: 35%; float: right; margin-bottom: 10px; padding: 20px;}
    .ofertapracyprawa h6 {padding: 3px 10px; font-weight: 600; width: 60%; border-bottom: 1px solid rgba(58, 59, 81, 1);
        color: rgba(58, 59, 81, 1); margin: 30px 0px 10px 0px; font-size: 16px;}
    /*KONIEC OFERTY PRACY*/
/*KONIEC ZAKŁADKI*/

/*FOOTER*/
footer {background-color: #505061; width: 100%; padding-bottom: 20px;}
.cwiartka {width: 33%; float: left; line-height: 22px;}
.cwiartka ul li {list-style: none;}
.cwiartka a {color: orange; text-decoration: none; transition: text-decoration 0.4s ease-out;}
.cwiartka a:hover {text-decoration: underline;}
/*KONIEC FOOTER*/
.justify {text-align: justify;}
.radius5 {border-radius: 5px;}
.clear {clear: both;}