html {
	height: 100%; overflow-y: scroll;
}

body {
	margin: 0px; padding: 0px; background: #FFFFFF url(img/background_page.jpg) no-repeat;
   background-position: top center;
}

header {
	 background-image: none;
}

table, tr, td, div, h1, form, p {
	margin: 0px; padding: 0px;
}

a img {
	border: none;
}

.wpcf7 input, 
.wpcf7 textarea{
    
    width: 40%;
    padding:10px;
    color:#8e8e8e;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height: 20px;

    border: solid 1px #9f9f9f; 
    
    box-shadow: inset 2px 2px 8px #bababa;
    
    -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
    
}

.wpcf7 .wpcf7-list-item{
  padding-left: 0;
  margin-left: 0;
  margin-right: 25px;
}

.wpcf7 .wpcf7-list-item input{
  border: none;
  padding-left: 0;
  margin-left: 0;
}

.wpcf7 select{
  outline: none;
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif;
}

.wpcf7 input:hover, 
.wpcf7 input:focus, 
.wpcf7 input:active, 
.wpcf7 textarea:hover, 
.wpcf7 textarea:focus, 
.wpcf7 textarea:active {
  background: #ebf7f5;
  outline: none;
}

.wpcf7 input.wpcf7-submit{

    -webkit-transition: 0;
  -moz-transition: 0;
  -o-transition: 0;
  transition: 0;
  
  border: none;
  position: relative;
  
  color: #000;
  
  
  
  text-transform: uppercase;
  
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
  font-size: 14px;
  
  padding-top: 11px;
  padding-bottom: 10px;
  padding-left: 35px;
  padding-right: 35px;
    margin-left: 10px;
  
  /* Gradient background */
  background-color: #ffa200;
  
  
  /* Drop Shadow */
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  
}

/* On hover */
.wpcf7 input.wpcf7-submit:hover{
  
  cursor: pointer;
  text-decoration: none;
  
  background-color: #ffa200;
  
}

/* On click */
.wpcf7 input.wpcf7-submit:active{
  top: 1px;
  
  color: #d8c6e2;
  
  background-color: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(#4d1b5c), to(#4d1b5c));  
  background:  -moz-linear-gradient(top, #4d1b5c, #4d1b5c);  
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d1b5c', endColorstr='#4d1b5c');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d1b5c, endColorstr=#4d1b5c)"; 
  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* CF7 Messages */
.wpcf7 .wpcf7-validation-errors{
    border:none;
    background-color:#f4ae46;
    margin:0;
    padding:20px;
    
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.wpcf7 .wpcf7-mail-sent-ok{
    border:none;
    background-color:#7ad33f;
    margin:0;
    padding:20px;
    
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.wpcf7 .wpcf7-mail-sent-ng{
    border:none;
    background-color:#cf2d38;
    margin:0;
    padding:20px;
  
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
    color: white;
}

.wpcf7 span.wpcf7-not-valid-tip{
    border:none;
    background-color:#cf2d38;
    padding:10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius:10px;
    width: 180px;
    color: white;
    
    /* Drop shadow */
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

.wpcf7-form .fleft{
  float: left;
}

.wpcf7-form .mright20{
  margin-right: 20px;
}

.wpcf7-form .mright40{
  margin-right: 40px;
}

.wpcf7-form .clear{
  clear: both;
}


/*****************************************************************************/
/* Układ na komórki: szerokość od 100 px do 480px.
/*****************************************************************************/
@media only screen and (min-width: 100px) and (max-width: 699px) {
   .headerContent {
    	  clear: both; max-width: 100%; height: 110px; margin: auto; text-align: center;
    }
    
    .headerLogo {
    	float: left; width: 100%; margin: auto; text-align: center 
    }
    
    .headerLogo img {
        width: 300px; height: auto;
    }
    
    
    
    .headerMediaContent {
    	float: right; text-align: right;
    }
    
    .headerContactContent {
    	  clear: both; text-align: right; padding: 10px 0px 0px 0px; margin: 0px;
    }
    
    .headerContactContent dl {
    	  clear: both; margin: 0px; padding: 0px;
    }
    
    .headerContactContent dt {
        float: left; width: 0px; margin: 0px; padding: 0px;
    }
    
    .headerContactContent dd {
        float: left; font: 600 14px Lato, sans-serif; color: #5c5e5c; margin: 0px; padding: 0px;
        text-align: left;
    }
    
    .headerContactContent dd.iconsPhone {
        width: 25px;
    }
    
    .headerContactContent dd.iconsPhone img {
       width: 22px; height: 23px;
    }
    
    .headerContactContent dd.iconsEmail {
    	 clear: both; width: 25px;
    }
    
    .headerContactContent dd.iconsEmail img {
       width: 22px; height: 23px;
    }
    
    .headerContactContent dd.phone {
        width: 182px; padding: 0px 0px 0px 10px;
    }
    
    .headerContactContent dd.email {
        width: 200px; padding: 0px 0px 0px 10px;
    }
    
    .headerContactContent dd.email a {
        font: 600 14px Lato, sans-serif; color: #5c5e5c; text-decoration: none;
    }
    
    .headerMedia {
    	  clear: both; text-align: right; margin: 5px 10px 0px 0px;
    }
    
    
    .menuContent {
    	 clear: both; width: 100%; height: 40px; background-color: #ffa200;
    }
    
    .menuHeader {
    	 width: 100%; padding: 0px 0px 0px 10px; margin: auto; text-align: left; 
    	 background-color: #ffa200; position: absolute; z-index: 9000;
    }
    
    .buttonMenu {
    	 clear: both; background: url(img/button_menu_nav.jpg) no-repeat; width: 132px; height: 40px;
    	 cursor: pointer;
    }
    
    ul.nav-menu {
    	 display: none; margin: 0px; padding: 0px 0px 0px 0px;
    }

    ul.nav-menu a {
    	 text-decoration: none;
    }

    ul.nav-menu li {
    	 clear: both; margin: 0px; display: block; padding: 10px 12px 10px 22px; 
    }

    ul.nav-menu li a {
    	 color: #FFFFFF; font: 600 16px 'Lato', sans-serif; display: block;
    }
    
    
    ul.nav-menu li ul {
    	 display: none; margin: 0px; padding: 0px; text-align: left;
    }
    
    ul.nav-menu li ul li {
       clear: both; font: 100 16px 'Lato', sans-serif; color: #FFFFFF; cursor: pointer;
    }
    
    ul.nav-menu li ul li a {
    	 font: 100 16px 'Lato', sans-serif; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 0px;  
    }
    
    ul.nav-menu li ul li ul.sub-menu-sub {
       display: block; text-align: left !important; list-style: circle; 
       margin: 0px 0px 0px -12px; padding: 20px 0px 0px 0px;
    }
    
    ul.nav-menu li ul li ul.sub-menu-sub li {
       clear: both !important; text-align: left; position: relative; display: list-item; 
       margin: 0px 0px 15px 35px; padding: 0px; list-style: none;
    }
    
    ul.nav-menu li ul li ul.sub-menu-sub li a {
       font: 100 15px 'Lato', sans-serif; color: #FFFFFF; font-style: italic;
    }
    
    .banner {
    	display: none;
    }
    
    
    
    .pageBar {
    	  clear: both; margin: 20px auto 20px auto; width: 100%; padding: 0px 0px 5px 5px;
    	  font: 100 24px 'Lato', sans-serif; color: #008f00; border-bottom: #ffa200 1px solid;
    }
    
    .mainPageContent {
    	  clear: both; width: 100%; margin: auto;
    }
    
    .recordContent {
    	  clear: both; width: 100%; text-align: justify; margin: 0px auto 0px auto;
    	  font: 100 16px 'Lato', sans-serif; color: #070707;
    }
    
    .programsContent {
    	  clear: both; background-color: #f5f5f5; width: 100%; margin-top: 20px; overflow: hidden;
    }
    
    .programsPage {
    	  clear: both; width: 300px; margin: 0px auto 20px auto; text-align: center;
    }
    
    .programsPage a img {
    	  margin: 20px 0px 0px 0px; width: 95%; max-width: 300px; height: auto;
    }
    
    .box1 {
    	display: block; width: 160px; height: 98px; margin: 20px auto 0px auto; padding: 45px 0px 0px 140px;
    	background: url(img/background_zawodowe_phone.png) no-repeat; text-align: left; text-decoration: none;
    	font: 100 14px 'Lato', sans-serif; color: #070707; overflow: hidden;
    }
    
    .box2 {
    	display: block; width: 160px; height: 98px; margin: 20px auto 0px auto; padding: 45px 0px 0px 140px;
    	background: url(img/background_personalne_phone.png) no-repeat; text-align: left; text-decoration: none;
    	font: 100 14px 'Lato', sans-serif; color: #070707;
    }
    
    .box3 {
    	display: block; width: 160px; height: 98px; margin: 20px auto 0px auto; padding: 45px 0px 0px 140px;
    	background: url(img/background_konferencje_phone.png) no-repeat; text-align: left; text-decoration: none;
    	font: 100 14px 'Lato', sans-serif; color: #070707; 
    }
    
    .box1 div, .box2 div, .box3 div {
       overflow: hidden; height: 88px;
    }
    
    .mainPageBoxText {
    	 clear: both; width: 245px;  text-align: left; 
    	 font: 600 18px 'Lato', sans-serif; color: #070707;
    }
    
    .mainPageBoxUL1 {
    	 clear: both; width: 300px; text-align: left; margin-left: 30px;
    }
    
    .mainPageBoxUL2 {
    	 clear: both; width: 300px; text-align: left; margin-left: 30px;
    }
    
    #mainPage {
       margin: 0px; padding: 0px; list-style-image: url(img/arrow_ul.png); width: 430px;
    }
    
    #mainPage li {
       clear: both; width: 300px; margin: 10px 0px 0px 0px;
    }
    
    .recordPageMenu {
    	 clear: both; width: 95%; margin: auto; text-align: justify;
    }
    
    
    #tabs {
    	  margin: 0px; padding: 0px; list-style: none;
    }
    
    #tabs li {
       float: left; width: 100%; height: 39px; background-color: #eeece1;
       text-align: center; padding-top: 20px; border-bottom: #000000 1px solid;
    }
    
    #tabs li a {
       font: 100 18px 'Lato', sans-serif; color: #070707;  text-decoration: none;
    }
    
    .contentTabs {
    	clear: both; width: 100%; font: 100 14px 'Lato', sans-serif; color: #070707;
    }
    
    .divTabs {
    	 clear: both; display: none; padding-top: 20px;
    }
    
    /*****************************************************************************/
    /* REKORDY
    /*****************************************************************************/
    .recordContent {
    	 clear: both; width: 100%; margin: auto; padding: 0px; text-align: center; display: table;
    }

    .recordRow {
    	 clear: both; width: 100%;
    }

    .recordImage {
    	 display: none;
    }
   
    .recordDescContent {
    	 clear: both; width: 95%; margin: auto;
    }

    .recordDate {
    	 clear: both; text-align: left; font: normal 12px Lato, sans-serif; color: #090909;
    }

    .recordDescContent h5 {
    	 clear: both; text-align: left; font: bold 18px Lato, sans-serif; color: #090909;
    	 margin: 0px; padding: 5px 0px 10px 0px;
    }

    .recordDesc {
    	 clear: both; text-align: justify; font: normal 14px Lato, sans-serif; color: #090909;
    }

    .recordDesc img {
    	 float: left;
    }

    .recordButton {
    	 clear: both; padding-top: 5px; text-align: left;
    }

    .recordButton a {
    	 font: normal 14px Lato, sans-serif; color: #fa2d0b; text-decoration: none 
    }

    .recordColspanRow {
    	 clear: both; height: 15px;
    }

    .recordPageDesc img.wp-post-image {
    	 float: left; margin-right: 10px; display: block;
    }
    .recordPageDate {
    	 text-align: left; font: normal 12px Lato, sans-serif; color: #090909;
    }

    .recordPageTile {
    	 text-align: left; font: bold 18px Lato, sans-serif; color: #090909;
    	 margin: 0px; padding: 5px 0px 10px 0px;
    }

    .recordPageDesc {
    	 clear: both; text-align: justify; font: normal 14px Lato, sans-serif; color: #090909;
    	 padding: 20px 15px 0px 10px;
    }
    
    .recordPageDesc img {
       width: 1px; height: auto;
    }

    .recordEmpty {
    	 clear: both; text-align: center; font: normal 14px Lato, sans-serif; color: #090909;
    	 padding: 90px 0px 90px 0px;
    }
    

    .footerContent {
    	 clear: both; margin-top: 20px; width: 100%; height: 28px; background-color: #009200;
    }
    
    .footerAuthorContent {
    	 width: 100%; margin: auto; text-align: center; padding-top: 5px;
    }
    
    .copy {
    	float: left; width: 50%; text-align: left; font: 100 13px 'Lato', sans-serif; color: #FFFFFF;
    }
    
    .author {
    	float: right; width: 50%; text-align: right; font: 100 13px 'Lato', sans-serif; color: #FFFFFF;
    }
    
    .author a {
      font: 100 13px 'Lato', sans-serif; color: #FFFFFF; text-decoration: none;
    }


}


/*****************************************************************************/
/* Układ na tablety: szerokość od 700 px do 1023 px.
/*****************************************************************************/
@media only screen and (min-width: 700px) and (max-width: 1023px) {
    .headerContent {
    	  clear: both; max-width: 100%; height: 110px; margin: auto; text-align: center;
    }
    
    .headerLogo {
    	float: left; 
    }
    
    .headerMediaContent {
    	float: right; text-align: right;
    }
    
    .headerContactContent {
    	  clear: both; text-align: right; padding: 10px 0px 0px 0px; margin: 0px;
    }
    
    .headerContactContent dl {
    	  clear: both; margin: 0px; padding: 0px;
    }
    
    .headerContactContent dt {
        float: left; width: 0px; margin: 0px; padding: 0px;
    }
    
    .headerContactContent dd {
        float: left; font: 600 14px Lato, sans-serif; color: #5c5e5c; margin: 0px; padding: 0px;
        text-align: left;
    }
    
    .headerContactContent dd.iconsPhone {
        width: 25px;
    }
    
    .headerContactContent dd.iconsPhone img {
       width: 22px; height: 23px;
    }
    
    .headerContactContent dd.iconsEmail {
    	 clear: both; width: 25px;
    }
    
    .headerContactContent dd.iconsEmail img {
       width: 22px; height: 23px;
    }
    
    .headerContactContent dd.phone {
        width: 182px; padding: 0px 0px 0px 10px;
    }
    
    .headerContactContent dd.email {
        width: 200px; padding: 0px 0px 0px 10px;
    }
    
    .headerContactContent dd.email a {
        font: 600 14px Lato, sans-serif; color: #5c5e5c; text-decoration: none;
    }
    
    .headerMedia {
    	  clear: both; text-align: right; margin: 5px 10px 0px 0px;
    }
    
    
    .menuContent {
    	 clear: both; width: 100%; height: 40px; background-color: #ffa200;
    }
    
    .menuHeader {
    	 width: 100%; padding: 0px 0px 0px 10px; margin: auto; text-align: left; 
    	 background-color: #ffa200; position: absolute; z-index: 9000;
    }
    
    .buttonMenu {
    	 clear: both; background: url(img/button_menu_nav.jpg) no-repeat; width: 132px; height: 40px;
    	 cursor: pointer;
    }
    
    ul.nav-menu {
    	 display: none; margin: 0px; padding: 0px 0px 0px 0px;
    }

    ul.nav-menu a {
    	 text-decoration: none;
    }

    ul.nav-menu li {
    	 clear: both; margin: 0px; display: block; padding: 10px 12px 10px 22px; 
    }

    ul.nav-menu li a {
    	 color: #FFFFFF; font: 600 16px 'Lato', sans-serif; display: block;
    }
    
    
    ul.nav-menu li ul {
    	 display: none; margin: 0px; padding: 0px; text-align: left;
    }
    
    ul.nav-menu li ul li {
       clear: both; font: 100 16px 'Lato', sans-serif; color: #FFFFFF; cursor: pointer;
    }
    
    ul.nav-menu li ul li a {
    	 font: 100 16px 'Lato', sans-serif; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 0px;  
    }
    
    ul.nav-menu li ul li ul.sub-menu-sub {
       display: block; text-align: left !important; list-style: circle; 
       margin: 0px 0px 0px -12px; padding: 20px 0px 0px 0px;
    }
    
    ul.nav-menu li ul li ul.sub-menu-sub li {
       clear: both !important; text-align: left; position: relative; display: list-item; 
       margin: 0px 0px 15px 35px; padding: 0px; list-style: none;
    }
    
    ul.nav-menu li ul li ul.sub-menu-sub li a {
       font: 100 15px 'Lato', sans-serif; color: #FFFFFF; font-style: italic;
    }
    
    .pageBar {
    	  clear: both; margin: 20px auto 20px auto; width: 100%; padding: 0px 0px 5px 5px;
    	  font: 100 24px 'Lato', sans-serif; color: #008f00; border-bottom: #ffa200 1px solid;
    }
    
    .mainPageContent {
    	  clear: both; width: 100%; margin: auto;
    }
    
    .recordContent {
    	  clear: both; width: 100%; text-align: justify; margin: 0px auto 0px auto;
    	  font: 100 16px 'Lato', sans-serif; color: #070707;
    }
    
    .programsContent {
    	  clear: both; background-color: #f5f5f5; width: 100%; margin-top: 20px; overflow: hidden;
    }
    
    .programsPage {
    	  clear: both; width: 400px; margin: 0px auto 20px auto; text-align: left;
    }
    
    .programsPage a img {
    	  margin: 20px 0px 0px 0px;
    }
    
    .box1 {
    	display: block; width: 199px; height: 126px; margin: 20px auto 0px auto; padding: 60px 0px 0px 190px;
    	background: url(img/background_zawodowe.png) no-repeat; text-align: left; text-decoration: none;
    	font: 100 14px 'Lato', sans-serif; color: #070707;
    }
    
    .box2 {
    	display: block; width: 199px; height: 126px; margin: 20px auto 0px auto; padding: 60px 0px 0px 190px;
    	background: url(img/background_personalne.png) no-repeat; text-align: left; text-decoration: none;
    	font: 100 14px 'Lato', sans-serif; color: #070707;
    }
    
    .box3 {
    	display: block; width: 199px; height: 126px; margin: 20px auto 0px auto; padding: 60px 0px 0px 190px;
    	background: url(img/background_konferencje.png) no-repeat; text-align: left; text-decoration: none;
    	font: 100 14px 'Lato', sans-serif; color: #070707; 
    }
    
    .mainPageBoxText {
    	 clear: both; width: 245px;  text-align: left; 
    	 font: 600 18px 'Lato', sans-serif; color: #070707;
    }
    
    .mainPageBoxUL1 {
    	 float: left; width: 300px; text-align: left; margin-left: 30px;
    }
    
    .mainPageBoxUL2 {
    	 float: right; width: 300px; text-align: left;
    }
    
    #mainPage {
       margin: 0px; padding: 0px; list-style-image: url(img/arrow_ul.png); width: 430px;
    }
    
    #mainPage li {
       clear: both; width: 300px; margin: 10px 0px 0px 0px;
    }
    
    .recordPageMenu {
    	 clear: both; width: 98%; text-align: justify; margin: auto;
    }
    
    #tabs {
    	  margin: 0px; padding: 0px; list-style: none;
    }
    
    #tabs li {
       float: left; width: 170px; height: 30px; background-image: url(img/page_tabs_tablet.png); 
       text-align: center; padding-top: 10px;
    }
    
    #tabs li a {
       font: 100 16px 'Lato', sans-serif; color: #070707;  text-decoration: none;
    }
    
    .contentTabs {
    	clear: both; width: 100%; font: 100 14px 'Lato', sans-serif; color: #070707;
    }
    
    .divTabs {
    	 clear: both; display: none; padding-top: 20px;
    }
    
    /*****************************************************************************/
    /* REKORDY
    /*****************************************************************************/
    .recordContent {
    	 clear: both; width: 100%; margin: auto; padding: 0px; text-align: center; display: table;
    }

    .recordRow {
    	 clear: both; width: 100%;
    }

    .recordImage {
    	 display: none;
    }
   
    .recordDescContent {
    	 clear: both; width: 95%; margin: auto;
    }

    .recordDate {
    	 clear: both; text-align: left; font: normal 12px Lato, sans-serif; color: #090909;
    }

    .recordDescContent h5 {
    	 clear: both; text-align: left; font: bold 18px Lato, sans-serif; color: #090909;
    	 margin: 0px; padding: 5px 0px 10px 0px;
    }

    .recordDesc {
    	 clear: both; text-align: justify; font: normal 14px Lato, sans-serif; color: #090909;
    }

    .recordDesc img {
    	 float: left;
    }

    .recordButton {
    	 clear: both; padding-top: 5px; text-align: left;
    }

    .recordButton a {
    	 font: normal 14px Lato, sans-serif; color: #fa2d0b; text-decoration: none 
    }

    .recordColspanRow {
    	 clear: both; height: 15px;
    }

    .recordPageDesc img.wp-post-image {
    	 float: left; margin-right: 10px; display: block;
    }
    .recordPageDate {
    	 text-align: left; font: normal 12px Lato, sans-serif; color: #090909;
    }

    .recordPageTile {
    	 text-align: left; font: bold 18px Lato, sans-serif; color: #090909;
    	 margin: 0px; padding: 5px 0px 10px 0px;
    }

    .recordPageDesc {
    	 clear: both; text-align: justify; font: normal 14px Lato, sans-serif; color: #090909;
    	 padding: 20px 15px 0px 10px;
    }

    .recordEmpty {
    	 clear: both; text-align: center; font: normal 14px Lato, sans-serif; color: #090909;
    	 padding: 90px 0px 90px 0px;
    }
    

    .footerContent {
    	 clear: both; margin-top: 20px; width: 100%; height: 28px; background-color: #009200;
    }
    
    .footerAuthorContent {
    	 width: 100%; margin: auto; text-align: center; padding-top: 5px;
    }
    
    .copy {
    	float: left; width: 50%; text-align: left; font: 100 13px 'Lato', sans-serif; color: #FFFFFF;
    }
    
    .author {
    	float: right; width: 50%; text-align: right; font: 100 13px 'Lato', sans-serif; color: #FFFFFF;
    }
    
    .author a {
      font: 100 13px 'Lato', sans-serif; color: #FFFFFF; text-decoration: none;
    }
}



/*****************************************************************************/
/* Układ na komputer: od 1000 px
/*****************************************************************************/
@media only screen and (min-width: 1200px) {
    .headerContent {
    	  clear: both; max-width: 1200px; height: 110px; margin: auto; text-align: center;
    }
    
    .headerLogo {
    	float: left; 
    }
    
    .headerMediaContent {
    	float: right; text-align: right;
    }
    
    .headerContactContent {
    	  clear: both; text-align: right; padding: 10px 0px 0px 0px; margin: 0px; height: 49px; 
    }
    
    .headerContactContent dl {
    	  clear: both; margin: 0px; padding: 0px; width: 470px;
    }
    
    .headerContactContent dt {
        float: left; width: 0px; margin: 0px; padding: 0px;
    }
    
    .headerContactContent dd {
        float: left; font: 100 18px Lato, sans-serif; color: #5c5e5c; margin: 0px; padding: 0px;
        text-align: left;
    }
    
    .headerContactContent dd.iconsPhone, .headerContactContent dd.iconsEmail {
        width: 30px;
    }
    
    .headerContactContent dd.phone {
        width: 182px; padding: 0px 0px 0px 10px;
    }
    
    .headerContactContent dd.email {
        width: 200px; padding: 0px 0px 0px 10px;
    }
    
    .headerContactContent dd.email a {
        font: 100 18px Lato, sans-serif; color: #5c5e5c; text-decoration: none;
    }
    
    .headerMedia {
    	  clear: both; text-align: right;
    }
    
    
    .menuContent {
    	 clear: both; width: 100%; height: 40px; background-color: #ffa200;
    }
    
    .buttonMenuContent {
    	 display: none;
    }
    
    .menuHeader {
    	 max-width: 1200px; padding: 10px 0px 0px 10px; margin: auto; text-align: left; 
    }
    
    ul.nav-menu {
    	 margin: 0px; padding: 0px 0px 0px 0px;
    }

    ul.nav-menu a {
    	 text-decoration: none;
    }

    ul.nav-menu li {
    	 float: left; margin: 0px; display: block; padding: 0px 12px 0px 12px; 
    }
    
    ul.nav-menu li:hover {
       background-color: #f5f5f5; margin-top: -5px; padding-top: 5px;
    }
    
    ul.nav-menu li a {
    	 color: #FFFFFF; font: 600 16px 'Lato', sans-serif; display: block; height: 30px;
    }
    
    ul.nav-menu li ul {
      display: none;
    }
    
    ul.nav-menu li:hover ul {
    	 display: block; z-index: 6000;
    }
    
    ul.nav-menu li a:hover, ul.nav-menu li:hover a {
    	 color: #ffa200;
    }
    
    
    ul.nav-menu li ul.sub-menu2 {
    	 position: absolute; margin: 0px 0px 0px -12px; padding: 10px 0px 0px 0px; 
    	 text-align: left; background-color: #f5f5f5;
    }
    
    ul.nav-menu li ul.sub-menu3 {
    	 position: absolute; margin: 0px 0px 0px -270px; padding: 10px 0px 0px 0px; 
    	 text-align: left; background-color: #f5f5f5;
    }
    
    ul.nav-menu li ul.sub-menu4 {
    	 position: absolute; margin: 0px 0px 0px -400px; padding: 10px 0px 0px 0px; 
    	 text-align: left; background-color: #f5f5f5;
    }
    
    ul.nav-menu li ul li {
       float: left; width: 215px;
    }
    
    ul.nav-menu li ul li div.menuOrange {
       display: table; width: 195px; height: 71px; background-color: #ffa200; padding: 0px 10px 0px 10px;
       font: 100 18px 'Lato', sans-serif; color: #FFFFFF; text-align: center; cursor: pointer;  
    }
    
    ul.nav-menu li ul li div.menuOrange div {
       display: table-cell; height: 71px; vertical-align: middle; 
    }
    
    ul.nav-menu li ul li div.menuBlue {
       display: table; width: 195px; height: 71px; background-color: #01c0f7; padding: 0px 10px 0px 10px;
       font: 100 18px 'Lato', sans-serif; color: #FFFFFF; text-align: center; cursor: pointer;
    }
    
    ul.nav-menu li ul li div.menuBlue div {
       display: table-cell; height: 71px; vertical-align: middle; 
    }
    
    ul.nav-menu li ul li div.menuGreen {
       display: table; width: 195px; height: 71px; background-color: #2dc903; padding: 0px 10px 0px 10px;
       font: 100 18px 'Lato', sans-serif; color: #FFFFFF; text-align: center; cursor: pointer;
    }
    
    ul.nav-menu li ul li div.menuGreen div {
       display: table-cell; height: 71px; vertical-align: middle; 
    }
    
    ul.nav-menu li ul li div.menuRed {
       display: table; width: 195px; height: 71px; background-color: #fb3608; padding: 0px 10px 0px 10px;
       font: 100 18px 'Lato', sans-serif; color: #FFFFFF; text-align: center; cursor: pointer;
    }
    
    ul.nav-menu li ul li div.menuRed div {
       display: table-cell; height: 71px; vertical-align: middle; 
    }
    
    ul.nav-menu li ul li div.menuGrey {
       display: table; width: 195px; height: 71px; background-color: #d1d1d1; padding: 0px 10px 0px 10px;
       font: 100 18px 'Lato', sans-serif; color: #FFFFFF; text-align: center; cursor: pointer;
    }
    
    ul.nav-menu li ul li div.menuGrey div {
       display: table-cell; height: 71px; vertical-align: middle; 
    }
    
    ul.nav-menu li ul li a {
    	 font: 100 18px 'Lato', sans-serif; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 0px;  
    }
    
    
    
   
    ul.nav-menu li ul li ul.sub-menu-sub {
       clear: both !important; text-align: left !important; list-style: circle; 
       margin: 0px 0px 0px -12px; padding: 20px 0px 0px 0px;
    }
    
    ul.nav-menu li ul li ul.sub-menu-sub li {
       clear: both !important; text-align: left; position: relative; display: list-item; 
       margin: 0px 0px 20px 25px; padding: 0px; list-style-image: url(img/menu_arrow.png);
    }
    
    ul.nav-menu li ul li ul.sub-menu-sub li a {
       font: 100 13px 'Lato', sans-serif; color: #080808;
    }
    
    ul.nav-menu li ul li ul.sub-menu-sub li a:hover {
       padding: 0px !important; margin: 0px !important;
       font: 100 13px 'Lato', sans-serif; color: #080808;
    }
    
    
    .pageBar {
    	  clear: both; margin: 20px auto 20px auto; max-width: 1200px; padding: 0px 0px 5px 5px;
    	  font: 100 24px 'Lato', sans-serif; color: #008f00; border-bottom: #ffa200 1px solid;
    }
    
    .mainPageContent {
    	  clear: both; max-width: 1200px; margin: auto;
    }
    
    .recordContent {
    	  clear: both; max-width: 1200px; text-align: justify; margin: 0px auto 0px auto;
    	  font: 100 16px 'Lato', sans-serif; color: #070707;
    }
    
    .programsContent {
    	  clear: both; background-color: #f5f5f5; width: 100%; margin-top: 20px; overflow: hidden;
    }
    
    .programsPage {
    	  clear: both; max-width: 1200px; margin: 0px auto 20px auto; text-align: center;
    }
    
    .programsPage a img {
    	  margin: 20px 10px 0px 0px;
    }
    
    .box1 {
    	display: block; width: 199px; height: 126px; margin: 20px 15px 0px 0px; padding: 60px 0px 0px 190px;
    	background: url(img/background_zawodowe.png) no-repeat; text-align: left; text-decoration: none;
    	font: 100 14px 'Lato', sans-serif; color: #070707; float: left;
    }
    
    .box2 {
    	display: block; width: 199px; height: 126px; margin: 20px 15px 0px 0px; padding: 60px 0px 0px 190px;
    	background: url(img/background_personalne.png) no-repeat; text-align: left; text-decoration: none;
    	font: 100 14px 'Lato', sans-serif; color: #070707; float: left;
    }
    
    .box3 {
    	display: block; width: 199px; height: 126px; margin: 20px 0px 0px 0px; padding: 60px 0px 0px 190px;
    	background: url(img/background_konferencje.png) no-repeat; text-align: left; text-decoration: none;
    	font: 100 14px 'Lato', sans-serif; color: #070707; float: left; 
    }
    
    .mainPageBoxText {
    	 float: left; max-width: 245px; width: 245px;  text-align: center; 
    	 font: 600 18px 'Lato', sans-serif; color: #070707;
    }
    
    .mainPageBoxUL1 {
    	 float: left; width: 460px; text-align: left;
    }
    
    .mainPageBoxUL2 {
    	 float: left; width: 460px; text-align: left;
    }
    
    #mainPage {
       margin: 0px; padding: 0px; list-style-image: url(img/arrow_ul.png); width: 430px;
    }
    
    #mainPage li {
       clear: both; width: 430px; margin: 10px 0px 0px 0px;
    }
    
    .recordPageMenu {
    	 clear: both; width: 100%; text-align: justify; overflow: hidden; padding-bottom: 20px;
    }
    
    
    #tabs {
    	  margin: 0px; padding: 0px; list-style: none; text-align: left;
    }
    
    #tabs li {
       float: left; width: 250px; height: 39px; background-image: url(img/page_tabs.png); 
       text-align: center; padding-top: 20px;
    }
    
    #tabs li a {
       font: 100 18px 'Lato', sans-serif; color: #070707;  text-decoration: none;
    }
    
    .contentTabs {
    	clear: both; width: 100%; font: 100 14px 'Lato', sans-serif; color: #070707;
    }
    
    .divTabs {
    	 clear: both; display: none; padding-top: 20px;
    }
    
    /*****************************************************************************/
    /* REKORDY
    /*****************************************************************************/
    .recordContent {
    	 clear: both; width: 1150px; margin: auto; padding: 0px; text-align: center; display: table;
    }

    .recordRow {
    	 clear: both; width: 100%; display: table-row;
    }

    .recordImage {
    	 display: table-cell; width: 249px; vertical-align: top;
    }

    .recordDescContent {
    	 display: table-cell; padding-left: 10px; vertical-align: top;
    }

    .recordDate {
    	 clear: both; text-align: left; font: normal 12px Lato, sans-serif; color: #090909;
    }

    .recordDescContent h5 {
    	 clear: both; text-align: left; font: bold 18px Lato, sans-serif; color: #090909;
    	 margin: 0px; padding: 5px 0px 10px 0px;
    }

    .recordDesc {
    	 clear: both; text-align: justify; font: normal 14px Lato, sans-serif; color: #090909;
    }

    .recordDesc img {
    	 float: left; 
    }

    .recordButton {
    	 clear: both; padding-top: 5px; text-align: left;
    }

    .recordButton a {
    	 font: normal 14px Lato, sans-serif; color: #fa2d0b; text-decoration: none 
    }

    .recordColspanRow {
    	 clear: both; height: 15px;
    }

    .recordPageDesc img.wp-post-image {
    	 float: left; margin-right: 10px; display: block;
    }
    .recordPageDate {
    	 text-align: left; font: normal 12px Lato, sans-serif; color: #090909;
    }

    .recordPageTile {
    	 text-align: left; font: bold 18px Lato, sans-serif; color: #090909;
    	 margin: 0px; padding: 5px 0px 10px 0px;
    }

    .recordPageDesc {
    	 clear: both; text-align: justify; font: normal 14px Lato, sans-serif; color: #090909;
    	 padding: 20px 15px 0px 10px;
    }

    .recordEmpty {
    	 clear: both; text-align: center; font: normal 14px Lato, sans-serif; color: #090909;
    	 padding: 90px 0px 90px 0px;
    }
    
    
    
    
    
    
    .footerContent {
    	 clear: both; margin-top: 20px; width: 100%; height: 28px; background-color: #009200;
    }
    
    .footerAuthorContent {
    	 max-width: 1200px; margin: auto; text-align: center; padding-top: 5px;
    }
    
    .copy {
    	float: left; width: 50%; text-align: left; font: 100 13px 'Lato', sans-serif; color: #FFFFFF;
    }
    
    .author {
    	float: right; width: 50%; text-align: right; font: 100 13px 'Lato', sans-serif; color: #FFFFFF;
    }
    
    .author a {
      font: 100 13px 'Lato', sans-serif; color: #FFFFFF; text-decoration: none;
    }
}