/* cięcie nagłówka: 490, 1450 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic&subset=latin,latin-ext);

/* Webfont: BloggerSans */@font-face {
    font-family: 'BloggerSans';
    src: url('bloggersans/BloggerSans.eot'); /* IE9 Compat Modes */
    src: url('bloggersans/BloggerSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('bloggersans/BloggerSans.woff') format('woff'), /* Modern Browsers */
         url('bloggersans/BloggerSans.ttf') format('truetype'), /* Safari, Android, iOS */
         url('bloggersans/BloggerSans.svg#BloggerSans') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body {background:url(/templates/19kmwi/images/bg.jpg);display:block;font-family: 'Open Sans', sans-serif;margin:0; padding:0; border:none;}
img {margin:0; padding:0; border:none; max-width: 100%; vertical-align: middle;}
h1, h2, h3, h4 {font-family: 'bloggersans';}
.hibiscus {color:#005361;}
.hibiscus_tlo {color:#fff; background:#005361;padding:10px;}
.ciemny_braz {color:#1d1c17;}
.ciemny_braz_tlo {color:#fff; background:#1d1c17;padding:10px;}
.jasny_braz {color:#662111;}
.jasny_braz_tlo {color:#fff; background:#662111;padding:10px;}
.zloty {color:#c48c40;}
.zloty_tlo {color:#fff; background:#c48c40;padding:10px;}
.niebieski {color:#005361;}
.niebieski_tlo {color:#fff; background:#005361;padding:10px;}

div#kafelki .moduletable:hover .hibiscus {color:#fff;}
.moduletable ul {margin:3px 0 10px 0;}

.moduletable pre.hover1 {display:block;}
.moduletable pre.hover2 {display:none;}
.moduletable:hover pre.hover1 {display:none;}
.moduletable:hover pre.hover2 {display:block;}
div.kmwi {height:290px;}

/*------------menu---------------*/
/* CSSTerm.com CSS Horizontal menu with images */
.moduletable_menu {width:100%;overflow:hidden;height:80px;}
.menu_glowne {position: relative;margin-bottom: 00px;background:none;border-bottom:4px solid #c48c40;}
ul.menu_glowne {padding:0 0 0 20px;margin:0;}
ul.menu_glowne li {padding:10px 20px;text-transform:uppercase; font-weight:bold; font-size:18px; height:20px;font-family: 'bloggersans';}
ul.menu_glowne li:hover {background: #c48c40;color:#fff; cursor: pointer; }
ul.menu_glowne li a {display:block;}
.menu_glowne a {display: block; color: #333; text-decoration: none;}

.menu_glowne li:hover a {color: #fff;}
.menu_glowne li { display: inline-block; }
.menu_glowne li ul { display: none; }
.menu_glowne li:hover ul {padding:0 0 0 20px; display: block; position: absolute; left: 0; width: 100%; background: #c48c40; top: 38px;}
.menu_glowne li ul li:hover, .menu_glowne li ul li:hover a {background:#333; color: #fff; }
/*------------menu---------------*/

img#logo_stopka {margin-right:20px;}

div#tresc { -webkit-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:    2px 2px 8px 0px rgba(50, 50, 50, 0.5);box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.5);}
div.item-page,div.leading-0, div.item, div#tresc form {padding:10px 40px; background:#fff;overflow:hidden;}
div.item-page_program {padding:10px 40px; border:none;background:#fff;}
div.page-header{}
div.page-header h2, h3.pd-ctitle {font-size:40px; text-transform:uppercase; margin:10px 0 10px 0; text-align:center;}
div.pd-category {margin: 20px 0 30px; padding-bottom: 9px;}
div#phoca-dl-category-box {background: none repeat scroll 0 0 #fff; border: medium none; padding: 10px 40px;}
div.pd-hr-cb, div.pgcenter, div.pd-buttons {display:none;}
div.pd-cb {background:#fff;}
div.pd-category a{color:#005361; font-size:16px; width:100%;}
div.pd-category a:hover {color:#c48c40;font-weight:normal; text-decoration:none;}
div.pd-subcategory {padding:14px 0 !important; width:100%; border-bottom: 1px dotted #eee; text-align:left; }

div.item-page li, div#kafelki .moduletable li {background:url(/templates/19kmwi/images/punkt.png) no-repeat 0 3px ; padding-left:20px; padding-right:10px; margin:6px 0 6px 20px; list-style-type:none; line-height:130%;}
.moduletable li {font-size:14px;}
div#tresc form hr {color:#eee;}
/*div#tresc form label {display:block; width:250px; float:left; text-align:right; padding:3px 10px 0 0;}*/
div#tresc form a, div#tresc div.item-page a {color:#c48c40; text-decoration:none;}
div#tresc form a:hover, div#tresc div.item-page a:hover {text-decoration:underline;}
div#tresc form input, div#tresc form select {border:1px solid #c48c40;  background:#eee; color:#000;height:30px; }
div#tresc form textarea {background:#eee; color:#000;}
div#tresc form select {width:290px; padding:2px;}
div#imie_container_div, div#nazwisko_container_div, div#stanowisko_container_div, div#email_container_div, div#telefon_container_div, div#komorka_container_div, div#instytucja_container_div, div#kategoria_container_div, div#adres_container_div, div#miejscowosc_container_div, div#kod_container_div, div#nip_container_div, div#wojewodztwo_container_div {float:left; padding-bottom:10px;}

div#imie_container_div label, div#nazwisko_container_div label, div#stanowisko_container_div label, div#email_container_div label, div#telefon_container_div label, div#komorka_container_div label, div#instytucja_container_div label, div#kategoria_container_div label, div#adres_container_div label, div#miejscowosc_container_div label, div#kod_container_div label, div#wojewodztwo_container_div label, div#hotel_container_div label, div#proforma_container_div label, div#uwagi_container_div label, div#nip_container_div label{display:block; width:250px; float:left; text-align:right; padding:3px 10px 0 0;}

div#hotel_container_div, div#proforma_container_div {clear:both;}
div#id2_container_div, div#proforma_container_div, div#uwagi_container_div, div#oswiadczenie_container_div {clear: both;padding:20px 0;}

div#proforma_container_div div label {width:30px; color:#005361;}
div#oswiadczenie_container_div label.full_label,div#zgoda_container_div label.full_label {width:100%; text-align:left;}
div#oswiadczenie_container_div input,div#zgoda_container_div input {float:left; }
div#id4_container_div {clear:both;}
input#proforma_0, input#proforma_1{float:left;}
div.moduletable {width:290px;}
div#input_submit_61_container_div {text-align:center; margin:auto; padding-bottom:50px;}
div#input_submit_61_container_div input.przycisk {color:#005361; border:2px solid #005361; background:#fff; padding:5px 10px; font-size:20px; margin:20px auto; text-align:center;}
div#input_submit_61_container_div input.przycisk:hover {color:#fff; background:#005361;}

div.moduletable_kontakt {padding:0 0 10px 0;clear:both; width:100%; }
div.moduletable_kontakt p {padding:0; margin:0; font-size:14px;padding-left:20px; color:#fff;}
div.moduletable_kontakt p a {color:inherit; text-decoration:none;}
div.moduletable_kontakt p a:hover {color:#fff;}
img#archiwum {position:relative; top:20px; right:100px;}
iframe#mapa {width:640px; height:480px;}
div.prelegent {width:140px; height:280px;}	
div.prelegent h3 {font-size:15px;}
div.prelegent p {margin-bottom:5px;}
p#autograf {display:none;}
img#naglowek1 {width:auto; height:auto; margin:auto; padding:0; display:block;}
img#naglowek2 {width:auto; height:auto; margin:auto; padding:0; display:block;}

/* ------------------- PROGRAM RAMOWY --------*/
table.ramowy {border-collapse:separate; border-spacing:10px; width:100%; }
table.ramowy td {vertical-align:top; padding:10px; border-collapse:separate; border-spacing:10px; border: 1px solid #c48c40; background:#f2f2f2;  }
table.ramowy td.blok {width:30%; text-align:center;}
table.ramowy td.godzina {width:10%;}
table.ramowy td span.wydarzenie {color:#005361;}
table.ramowy caption {color:#005361; font-size:30px; text-align: left; padding: 40px 10px 20px 10px;font-family: "bloggersans",sans-serif;}
table.ramowy td h2 {font-family: "bloggersans",sans-serif; color:#005361; font-size:24px; padding:0; margin:0; font-weight:normal;}
table.ramowy td h3 {font-family: "bloggersans",sans-serif; color:#005361; text-align:center; font-size:20px; padding:0; margin:0; font-weight:normal;}

/* ------------------- PROGRAM ------------- */
div.item-page_program h6 {font-weight:normal;}
div.item-page_program table {width:100%; border-collapse:separate; border-spacing:10px;}
div.item-page_program table th {background:#333; color:#fff; padding:10px 0;}
div.item-page_program table th p {padding:20px 5px;margin:0;}
div.item-page_program table th p.rodzaj {color:#333; background: #ccc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #333333 0%, #cccccc 30%, #cccccc 70%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(30%,#cccccc), color-stop(70%,#cccccc), color-stop(100%,#333333)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #333333 0%,#cccccc 30%,#cccccc 70%,#333333 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #333333 0%,#cccccc 30%,#cccccc 70%,#333333 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #333333 0%,#cccccc 30%,#cccccc 70%,#333333 100%); /* IE10+ */
background: linear-gradient(to bottom,  #333333 0%,#cccccc 30%,#cccccc 70%,#333333 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 ); /* IE6-8 */


}
div.item-page_program table th.pusty {background:#fff;}
div.item-page_program table td {background:#005361; color:#fff; padding:10px;}
div.item-page_program table td.sciezka {background:#ccc; color:#333; vertical-align:top; }
div.item-page_program table td.sciezka h2 {color:#005361;}
div.item-page_program table td.sciezka h4 {color:#005361; font-size:14px; text-transform:lowercase;}
div.item-page_program table td.przerwa {background:#333; color:#fff; }
div.item-page_program table td.przerwa h2 {padding-bottom:0; text-align:center;}
div.item-page_program table h1 {font-family: 'bloggersans';font-size:26px; line-height:130%; padding-bottom:20px;}
div.item-page_program table h2, div.item-page_program table h4 {font-family: 'bloggersans';font-size:20px; line-height:130%; padding:0 10px; text-align:center;}
div.item-page_program table h3 {font-size:14px; line-height:130%; padding:0 10px; text-decoration:underline;}
div.item-page_program table th h1 {font-size:18px; line-height:130%; padding-bottom:0;}
div.item-page_program table td.sciezka a {color:#000; font-weight:bold;}
div.item-page_program table td a {color:#bbb; font-weight:bold;}
div.item-page_program table td.sciezka em a {color:#28f !important; font-weight:normal !important; }

/* ------------------- PROGRAM ------------- */

/* ------------------- PROGRAM RAMOWY ------------- */
table.program_ramowy {background:#fff; border-spacing: 20px 0; border-collapse:separate; overflow-x:auto; display:block;}
table.program_ramowy td.godzina {background:fff; color:#005361; width:120px; text-align:center; font-weight:normal; vertical-align:middle; font-size:120%;}
table.program_ramowy td.dzien {background:#005361; color:#fff; text-transform:uppercase; font-weight:bold; font-size:150%; padding:5px; text-align:center; padding-left:120px;}
table.program_ramowy td.dzien span.data {color:#000; text-transform:none; padding-left:20px;}
table.program_ramowy td.sesja1, table.program_ramowy td.sesja2, table.program_ramowy td.sesja3, table.program_ramowy td.lunch {padding:10px;}
table.program_ramowy td.sesja1 {}
table.program_ramowy td.sesja2 {border-top:2px solid #005361; border-bottom:2px solid #005361;}
table.program_ramowy td.sesja3 {border-top:2px solid #005361; }
table.program_ramowy td.lunch {border-bottom:2px solid #005361;}
table.program_ramowy td.sesja1 p.nr_sesji, table.program_ramowy td.sesja2 p.nr_sesji, table.program_ramowy td.sesja3 p.nr_sesji {color:#005361; text-align:center; font-weight:bold; padding:0; margin:0;}
table.program_ramowy td.lunch p {color:#000; text-align:center; font-weight:normal; padding:0; margin:0; text-transform:uppercase;}
table.program_ramowy td.sesja1 p.tytul_sesji, table.program_ramowy td.sesja2 p.tytul_sesji, table.program_ramowy td.sesja3 p.tytul_sesji  {color:#000; text-align:center; font-weight:bold; padding:0; margin:0; text-transform:uppercase; font-size:120%;}
table.program_ramowy td.blok {color:000; background:#ddd; padding:20px; border-collapse:separate; border-spacing:20px; margin:20px; text-align:center; text-transform:uppercase; }
table.program_ramowy td.sciezka {background:#005361; color:#fff; font-weight:bold; padding:20px 0; text-align:center; border-bottom:5px solid #fff;}
/* ------------------- PROGRAM RAMOWY ------------- */
div.pull-left img {padding:0 20px 10px 0;}
div.pull-right img {padding:0 0 10px 20px;}
div.custom_logotypy {overflow:hidden; padding-top:40px;}
div.patronaty {width:50%; float:left; display: block; }
div.item-image img {max-width:290px; max-height:400px;}

*/ ---------------- KLUCZOWI PRELEGENCI ------------- */
ul.img-list {
  list-style-type: none;
  margin: auto !important;
  padding: 0;
  text-align: center;
display:block;
}

ul.img-list li {
  display: inline-block;
  height: 204px;
  margin: 10px;
  position: relative;
  width: 170px;
}

span.text-content span {
  display: table-cell;
font-size:10px;
  text-align: center;
  vertical-align: middle;
}
span.text-content em {font-size:16px; margin-top:20px;}
span.text-content {
  background: rgba(0,0,0,0.5);
	font-size:26px;
  color: white;
  cursor: pointer;
  display: table;
  height: 124px;
	padding-top:80px;
  left: 0;
  position: absolute;
  top: 0;
  width: 170px;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

ul.img-list li:hover span.text-content {
  opacity: 1;
}




/* --------------- POP-UP ------------------ */
a.opis {color:#005361 !important; font-size:10px; text-align:center; display:block;}
a.opis:hover {text-decoration:underline;}
.modalDialog {position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0;	background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in;	transition: opacity 400ms ease-in; pointer-events: none; font-family: 'Ubuntu', sans-serif; font-size:12px; overflow:scroll;}
.modalDialog:target {opacity:1;	pointer-events: auto;}
.modalDialog div {width: 800px; position: relative; margin: 10% auto;	padding: 5px 20px 13px 20px; border-radius: 10px; background: #eee; padding:20px;}
.modalDialog p {line-height:120%; }
.close {opacity:1; background: #005361;	color: #FFFFFF;	line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px;
	-moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;}
.close:hover { background: #005361; opacity:1;}

div.moduletable_pprelegenci div.kolumny2 p {background:url(/templates/19kmwi/images/punkt.png) no-repeat 0 1px ; padding-left:20px;}
div.moduletable_pprelegenci div.kolumny2 {padding:40px;}


@media (max-width: 329px) {
	div#zawartosc, div#stopka, div#logotypy,  div#logotypy,  div#kluczowi {width:329px; margin:auto;}
	div#naglowek img {width:auto; height:auto;}
	img#naglowek1 {display:none; visibility:hidden;}
	div.szeroki,div.szeroki2 {width:290px;}	
	div#box1, div#box2, div#box3, div#box4, div#box5, div#box6 {width:100%;} 
	ul.menu_glowne li {padding:6px 6px;text-transform:uppercase; font-weight:bold; font-size:14px;}
	.menu_glowne li:hover ul {top:56px;}
	.moduletable_menu {height:180px;}
	ul.menu_glowne li {height:14px;}
	div.page-header h2 {font-size:20px;}
	div.item-page {padding:10px 20px;}
	img#archiwum {clear:both; top:-5px; right:180px;}
	div.moduletable_kontakt p {font-size:10px;}
	img#logo_stopka {position:relative; top:25px;left:5px;}
	iframe#mapa {width:250px; height:150px;}
	.uwaga {padding-left:0; background:none; min-height:0;} 
	div.patronaty {width:100%; float:none;}

	div.item-page_program  table, div.item-page_program thead, div.item-page_program tbody, div.item-page_program th, div.item-page_program td, div.item-page_program tr {display: block;}
	div.item-page_program thead tr {position: absolute; top: -9999px; left: -9999px;}
	div.item-page_program tr {border: 1px solid #ccc; }
	div.item-page_program td {border: none;	border-bottom: 1px solid #eee; position: relative;/*padding-left: 140px !important; */ padding-top:30px !important;}
	div.item-page_program td:before {position: absolute; top: 6px; left: 6px; width: 100%; padding-right: 10px; white-space: nowrap; overflow:hidden; font-size:12px; vertical-align:middle; text-align:center; color:#005361; font-size:14px; font-weight:bold;}
	div.item-page_program table h1 {font-size:18px; line-height:130%; padding-bottom:20px;}
	div.item-page_program table h2 {font-size:14px; line-height:130%; padding-bottom:20px;}
	div.item-page_program table h3 {font-size:12px; line-height:130%; padding-bottom:10px;}
	div.item-page_program td.sciezka {padding-top:30px !important; font-size:10px;}
	div.item-page_program td.sciezka:nth-of-type(1):before { content: "Ścieżka edukacyjna"; }
	div.item-page_program td.sciezka:nth-of-type(2):before { content: "Ścieżka administracyjna"; }
	div.item-page_program td.sciezka:nth-of-type(3):before { content: "Ścieżka projektów 2014-2020"; }
	div.item-page_program table th p {padding:5px; margin:0;}
	div.item-page_program table td.sciezka h4 {font-size:11px;}
	.modalDialog > div {width:200px;}

	table.ramowy {border-spacing:1px; width:100%; margin:0;padding:0;}
	table.ramowy td {vertical-align:top; padding:1px;margin:0; border-collapse:collapse; border-spacing:0px; border: none; background:#f2f2f2; font-size:9px;line-height:120%; }
	table.ramowy td.blok {width:20%; text-align:center;}
	table.ramowy td.godzina {width:10%;}
	table.ramowy td span.wydarzenie {color:#005361;}
	table.ramowy caption {color:#005361; font-size:20px; text-align: left; padding: 10px;font-family: "bloggersans",sans-serif;}
	table.ramowy td h2 {font-family: "bloggersans",sans-serif; color:#005361; font-size:18px; padding:0; margin:0; font-weight:normal; line-height:120%;}
	table.ramowy td h3 {font-family: "bloggersans",sans-serif; color:#005361; text-align:center; font-size:14px; padding:0; margin:0; font-weight:normal;}



}
@media (min-width: 330px) and (max-width: 629px) {
	div#zawartosc, div#stopka, div#logotypy,  div#kluczowi {width:330px; margin:auto;}
	div#naglowek img {width:auto; height:auto;}
	img#naglowek1 {display:none; visibility:hidden;}
	div.szeroki,div.szeroki2 {width:290px;}	
	div#box1, div#box2, div#box3, div#box4, div#box5, div#box6 {width:100%;} 
	ul.menu_glowne li {padding:8px 6px;text-transform:uppercase; font-weight:bold; font-size:14px;}
	.menu_glowne li:hover ul {top:56px;}
	.moduletable_menu {height:180px;}
	ul.menu_glowne li {height:14px;}
	div.page-header h2 {font-size:20px;}
	div.item-page {padding:10px 20px;}
	img#logo_stopka {margin-right:10px;padding:36px 10px 0 20px;}
	img#archiwum {clear:both; top:-5px; right:180px;}
	div.moduletable_kontakt p {font-size:10px;}
	img#logo_stopka {position:relative; top:25px;left:5px;}
	iframe#mapa {width:250px; height:150px;}
	.uwaga {padding-left:0; background:none; min-height:0;} 
	div.item-image img {max-width:290px; padding-bottom:20px;}
	div.patronaty {width:100%; float:none;}

	div.item-page_program  table, div.item-page_program thead, div.item-page_program tbody, div.item-page_program th, div.item-page_program td, div.item-page_program tr {display: block;}
	div.item-page_program thead tr {position: absolute; top: -9999px; left: -9999px;}
	div.item-page_program tr {border: 1px solid #ccc; }
	div.item-page_program td {border: none;	border-bottom: 1px solid #eee; position: relative;/*padding-left: 140px !important; */ }
	div.item-page_program td:before {position: absolute; top: 6px; left: 6px; width: 100%; padding-right: 10px; white-space: nowrap; overflow:hidden; font-size:12px; vertical-align:middle; text-align:center; color:#005361; font-size:14px; font-weight:bold;}
	div.item-page_program table h1 {font-size:18px; line-height:130%; padding-bottom:20px;}
	div.item-page_program table h2, div.item-page_program table h4 {font-size:14px; line-height:130%; padding-bottom:20px; }
	div.item-page_program table h3 {font-size:12px; line-height:130%; padding-bottom:10px;}
	div.item-page_program td.sciezka {padding-top:30px !important; font-size:10px;}
	div.item-page_program td.sciezka:nth-of-type(1):before { content: "Ścieżka edukacyjna"; }
	div.item-page_program td.sciezka:nth-of-type(2):before { content: "Ścieżka administracyjna"; }
	div.item-page_program td.sciezka:nth-of-type(3):before { content: "Ścieżka projektów 2014-2020"; }
	div.item-page_program table th p {padding:5px; margin:0;}
	div.item-page_program table td.sciezka h4 {font-size:11px;}
	.modalDialog > div {width:270px;}
	ul.img-list li {height: 156px;  margin: 5px;  width: 130px;}
	span.text-content span {font-size:9px;line-height:110%;}
	span.text-content em {font-size:12px; margin-top:20px; line-height:110%;}
	span.text-content {font-size:18px; height: 116px; padding-top:40px; width: 130px;}

	table.ramowy {border-spacing:1px; width:100%; margin:0;padding:0;}
	table.ramowy td {vertical-align:top; padding:1px;margin:0; border-collapse:collapse; border-spacing:0px; border: none; background:#f2f2f2; font-size:9px;line-height:120%; }
	table.ramowy td.blok {width:20%; text-align:center;}
	table.ramowy td.godzina {width:10%;}
	table.ramowy td span.wydarzenie {color:#005361;}
	table.ramowy caption {color:#005361; font-size:20px; text-align: left; padding: 10px;font-family: "bloggersans",sans-serif;}
	table.ramowy td h2 {font-family: "bloggersans",sans-serif; color:#005361; font-size:18px; padding:0; margin:0; font-weight:normal; line-height:120%;}
	table.ramowy td h3 {font-family: "bloggersans",sans-serif; color:#005361; text-align:center; font-size:14px; padding:0; margin:0; font-weight:normal;}


}
@media (min-width: 630px) and (max-width: 979px) {
	div#zawartosc, div#stopka, div#logotypy,  div#kluczowi {width:612px; margin:auto;}
	div#naglowek img {width:auto; height:auto;}
	img#naglowek1 {display:none; visibility:hidden;}
	div.szeroki,div.szeroki2 {width:596px;}	
	div#box1, div#box2, div#box3, div#box4, div#box5, div#box6 {width:50%;} 
	ul.menu_glowne li {padding:10px 6px;text-transform:uppercase; font-weight:bold; font-size:14px;}
	div.page-header h2 {font-size:30px;}
	div.item-page {padding:10px 20px;}
	img#archiwum {clear:both;}
	img#archiwum {clear:both; top:-5px; right:300px;}
	div.moduletable_kontakt p {font-size:12px;}
	img#logo_stopka {position:relative; top:25px;left:5px;}
	iframe#mapa {width:500px; height:350px;}
	div.patronaty {width:100%; float:none;}

	div.item-page_program  table, div.item-page_program thead, div.item-page_program tbody, div.item-page_program th, div.item-page_program td, div.item-page_program tr {display: block;}
	div.item-page_program thead tr {position: absolute; top: -9999px; left: -9999px;}
	div.item-page_program tr {border: 1px solid #ccc; }
	div.item-page_program td {border: none;	border-bottom: 1px solid #eee; position: relative;/*padding-left: 140px !important; */ padding-top:30px !important;}
	div.item-page_program td:before {position: absolute; top: 6px; left: 6px; width: 100%; padding-right: 10px; white-space: nowrap; overflow:hidden; font-size:12px; vertical-align:middle; text-align:center; color:#005361; font-size:14px; font-weight:bold;}
	div.item-page_program table h1 {font-size:18px; line-height:130%; padding-bottom:20px;}
	div.item-page_program table h2 {font-size:15px; line-height:130%; padding-bottom:20px;}
	div.item-page_program table h3 {font-size:12px; line-height:130%; padding-bottom:10px;}
	div.item-page_program td.sciezka {padding-top:30px !important;}
	div.item-page_program td.sciezka:nth-of-type(1):before { content: "Ścieżka edukacyjna"; }
	div.item-page_program td.sciezka:nth-of-type(2):before { content: "Ścieżka administracyjna"; }
	div.item-page_program td.sciezka:nth-of-type(3):before { content: "Ścieżka projektów 2014-2020"; }
	div.item-page_program table th p {padding:5px; margin:0;}
	.modalDialog > div {width:500px;}
	div#chronoform-container-45, div#chronoform-container-53 {width:50%; float:left;}

	ul.img-list li {height: 194px;  margin: 10px;  width: 160px;}
	span.text-content span {font-size:9px;}
	span.text-content em {font-size:14px; margin-top:20px;}
	span.text-content {font-size:22px; height: 124px; padding-top:68px; width: 160px;}
	div.moduletable_pprelegenci div.kolumny2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 14px;-moz-column-gap: 14px;column-gap: 14px;}


}
@media (min-width: 980px) and (max-width: 1319px) {
	div#zawartosc, div#stopka, div#logotypy,  div#kluczowi {width:918px; margin:auto;}	
	div#naglowek {width:auto; height:auto; padding:0; margin:auto;}
	img#naglowek2 {display:none; visibility:hidden;}
	div#gora {width:100%; height:auto; background:url(/templates/19kmwi/images/20_konferencja_header.jpg) no-repeat top center;}
	div.szeroki {width:596px;}	
	div.szeroki2 {width:902px;}	
	div#box1, div#box2, div#box3, div#box4, div#box5, div#box6 {width:25%;} 
	p#autograf {display:block;}
	div.item-page_program table h1 {font-size:20px; line-height:130%; padding-bottom:20px;}
	div.item-page_program table h2 {font-size:17px; line-height:130%; padding-bottom:20px;}
	div.item-page_program table h3 {font-size:14px; line-height:130%; padding-bottom:10px;}
	div.item-page_program table td.sciezka h2 {height:130px;}
	div#chronoform-container-45, div#chronoform-container-53 {width:50%; float:left;}
	div.moduletable_pprelegenci ul {width:840px; overflow:hidden; padding:20px;}
	div.moduletable_pprelegenci li {width:360px; float:left; padding:1px 40px 1px 20px;}

	ul.img-list li {height: 156px;  margin: 5px;  width: 130px;}
	span.text-content span {font-size:9px;line-height:110%;}
	span.text-content em {font-size:12px; margin-top:20px; line-height:110%;}
	span.text-content {font-size:18px; height: 116px; padding-top:40px; width: 130px;}
	div.moduletable_pprelegenci div.kolumny2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 14px;-moz-column-gap: 14px;column-gap: 14px;}


}
@media (min-width: 1320px)  and (max-width: 9999px) {
	div#zawartosc, div#stopka, div#logotypy,  div#kluczowi {width:1224px; margin:auto;}
	div#naglowek {width:1320px; height:340px; padding:0; margin:auto;}
	img#naglowek2 {display:none; visibility:hidden;}
	div#gora {width:100%; height:340px; background:url(/templates/19kmwi/images/20_konferencja_header.jpg) no-repeat top center;}
	div.szeroki {width:596px;}	
	div.szeroki2 {width:902px;}	
	div#box1, div#box2, div#box3, div#box4, div#box5, div#box6 {width:25%;} 
	p#autograf {display:block;}
	div.item-page_program table td.sciezka h2 {height:130px;}
	div#chronoform-container-45, div#chronoform-container-53 {width:50%; float:left;}
	div.moduletable_pprelegenci ul {width:1200px; overflow:hidden; padding:20px;}
	div.moduletable_pprelegenci li {width:530px; float:left; padding:1px 40px 1px 20px;}
	div.moduletable_pprelegenci div.kolumny2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 14px;-moz-column-gap: 14px;column-gap: 14px;}

}
/* róż: #005361 */
/*h1, h2, h3, h4 {font-family: 'bloggersans';}*/
div #stopka {background:#1d1c17;padding-bottom:0px;}
div#dol { 
background: #1d1c17; /* Old browsers */
}
div#boxy {min-height:200px; }
div#box1, div#box2, div#box3, div#box4, div#box5, div#box6 {color:#fff; float:left; margin-bottom:10px; } 
div#box1 .moduletable,div#box2 .moduletable,div#box3 .moduletable,div#box4 .moduletable,div#box5 .moduletable,div#box6 .moduletable {width:100%; padding:0 5px;}
div .moduletable_stopka {}
div#stopka {background:#1d1c17 url(/templates/19kmwi/images/footer_bg.jpg) no-repeat center center; 
 display:block; overflow:hidden; }
div#stopka ul {padding:0;}
div#stopka ul li { list-style-type: none; text-align:center; padding:0; }

div#stopka p,div#stopka h3,div#stopka ul li a{text-align:center; color:#fff;font-size:14px; text-transform:none;line-height:115%; padding-bottom:6px; text-decoration:none;text-shadow: 1px 1px 2px #000000;}
div#stopka ul li a:hover {background:none; color:#c48c40; }
div#stopka h3 {color:#fff; text-transform:uppercase; font-size:18px; display:block; font-weight:bold; text-align:center; background:url(/templates/19kmwi/images/kreska.png) no-repeat bottom center; margin:10px 0 8px 0; padding-bottom:4px; line-height:120%;}


.moduletable div a {color:#333; text-decoration:none;}
.moduletable:hover div a {color:#c48c40;}
div#kafelki {width:100%;margin:auto;}
div#kafelki h4 {text-transform:uppercase;}
.moduletable, .moduletable_logotypy, .moduletable_kluczowi, .moduletable_pprelegenci { padding:0 0 0 0; background:#fff; margin:10px 5px; -webkit-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:    2px 2px 8px 0px rgba(50, 50, 50, 0.5);box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.5); color: #333; border-bottom:4px solid #c48c40;
/*-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;*/}
.moduletable h4,.moduletable h3, h4 {padding:20px 20px 0px 20px; font-size:26px; line-height:120%; color:#005361; font-family: 'bloggersans'; font-weight:normal; margin:0;}
.moduletable h3 {text-align:center;}
.moduletable p {margin:7px 20px 21px 20px; padding:0; font-size:14px; line-height:150%; }
.moduletable pre {padding:0; margin:0;border:none;}
.moduletable {-webkit-transition: background-color 00ms;
    -moz-transition: background-color 00ms ; 
    -o-transition: background-color 00ms ;
    transition: background-color 00ms ;
}
.moduletable:hover h4, .moduletable:hover h3, .moduletable:hover p {color:#fff;}
.moduletable:hover {background:#005361; color:#fff; /*cursor: pointer;*/}
.moduletable:hover .hibiscus_tlo {color:#005361; background:#fff;}
szary img, div.moduletable_logotypy img {filter: url('/templates/19kmwi/js/filters.svg#grayscale'); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-ms-filter: gray;
	-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
-webkit-transition: background-color 500ms;
    -moz-transition: background-color 500ms ;
    -o-transition: background-color 500ms ;
    transition: background-color 500ms ;}
.szary:hover img, div.moduletable_logotypy img:hover{ filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);}
.bialy {background:#fff;}

div#logotypy {border-bottom:6px solid #000;}
div#logotypy, div#kluczowi {font-family: 'bloggersans';}
div.moduletable_logotypy {background:#fff;}
div.moduletable_logotypy p, div.moduletable_kluczowi p, div.moduletable_pprelegenci h2 {vertical-align:middle; font-size:26px; font-weight:normal; text-transform:uppercase; color:#005361;}
div.moduletable_logotypy p {color:#c48c40;}
div.moduletable_pprelegenci h2 {padding-top:20px; font-weight:normal;}
div.moduletable_pprelegenci h3 {padding:5px 20px; line-height:130%;}

div.moduletable_logotypy p img {padding:30px 30px;}
div.err {background:#005361; border: none; color:#fff;position:relative; left:-0px; top:30px;}
div.err p {padding:5px;}
span#kat {color:#c48c40; font-weight:bold;position:relative; top:3px; }
.uwaga {padding-left:70px !important; color:#005361;background:url(/templates/19kmwi/images/wykrzyknik.png) no-repeat left; min-height:60px; vertical-align:middle; font-weight:bold; text-align:justify;}

div.item-image img {padding-right:20px;}
div.prelegent_kafelek {text-align:center;}
div.prelegent_kafelek a	{color:#005361;}
div.prelegent_kafelek p	{margin:7px 10px; line-height:120%;}
div.prelegent_kafelek .imie_nazwisko {font-weight:bold; text-transform:uppercase; line-height:120%;}

div.zdjecia div.custom a div{display: table-cell; height:120px; padding:10px; vertical-align:middle; text-align:center; width:270px;color: #005361; font-size:18px; font-weight:normal;}
/*div.zdjecia div.custom:hover {background:url(/templates/19kmwi/images/zdjecia1.png) no-repeat 0 0; color:#fff;}*/
div.zdjecia div.custom:hover {background:#005361; color:#fff;}
div.zdjecia div.custom:hover a div {color:#fff;}
li.sigFreeThumb a img {display:block;padding:10px;}

div#chronoform-container-45, div#chronoform-container-53 {display:block;}
div#fin-wyslij {display:block; margin:auto;}
input#wyslij {padding:5px 20px; color:#c48c40 !important; border:1px solid #c48c40; background:#fff; height:50px !important; display:block; font-size:20px; font-weight:bold; margin:auto;}
input#wyslij:hover {color:#fff !important; background: #c48c40;}
div#fin-oswiadczenie {float:left;}
div#fin-custom {display:block; width:100%; text-align:center;}
div#fin-custom h1,div#fin-custom h2 {display:block; margin:auto;}
div#fin-custom h1 {padding:5px;}
div#fin-custom h2 {padding:5px;font-size:25px; color:#c48c40;}
p.chrono_credits {display:none;}

div#form-row-oswiadczenie label, div#form-row-zgoda label {margin-left:45px;}
div#fin-oswiadczenie, div#fin-zgoda {position:relative; top:-45px;}
div.pko a{color:#333 !important;}
div.pko a:hover {text-decoration:none !important;}