@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/ODelI1aHBYDBqgeIAH2zlDLXPPWpYIJRcQ99gLLWTOQ.woff) format('woff');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/toadOcfmlt9b38dHJxOBGBgDywzySrQSFSEUM6OqW_g.woff) format('woff');
}





body {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

h1 {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	background-color:rgb( 181, 118, 83 );

}

h2 {
	/* color:rgb( 215, 88, 73 ); */
	color:rgb( 124, 160, 192 );
}


.menu, .menu:hover, .menu_aktywne, .menu_aktywne:hover,
.naglowek_banner_konferencja, .naglowek_banner_nazwa_konferencji_1, .naglowek_banner_data {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

.kolor {
	color:rgb( 181, 118, 83 );
}
.kolor_tlo {
	background-color:rgb( 181, 118, 83 );
}

.kolor1 {
	color:rgb( 124, 160, 192 );
}
.kolor1_tlo {
	background-color:rgb( 124, 160, 192 );
}


.link {
	color: rgb( 181, 118, 83 );
	text-decoration: none;
}
.link:hover {
	color:orange;
	text-decoration: none;
}

.link:before {
    content: "\261B";
    margin-right: 6px;
    text-decoration: none;
}


.kwadrat ul, .kwadrat li {
	list-style-image: url(../grafika/kwadrat.png);
	margin-bottom: 7px;
	margin-left: 20px;
	padding: 0;
}

.menu {
	color: white;
	background-color:rgb( 181, 118, 83 );
}
.menu:hover {
	background-color:rgba( 124, 160, 192 );
	color: white;
}
.menu_aktywne {
	background-color:rgba( 124, 160, 192 );
	color:white;
}
.menu_aktywne:hover {
	background-color:rgba( 124, 160, 192 );
	color: white;
}



#ramka_klauzula_informacyjna {
	margin-bottom: 20px;
	height: 200px;
	overflow: auto;
	padding: 10px;
	border: orange 1px dotted;
}



.skalowalny {
	width:100%;
}



/* !---------- początek moduł‚u dla smartfonów ---------- */
@media only screen and (max-width: 480px) {

html, body {
    font-size: 15px;
	line-height: 21px;
}

body {
}


h1 {
	margin-bottom: 10px;
	padding: 7px;
	color: white;
	font-size: 1.3em;
	text-align: left;
	font-weight: normal;
	box-shadow: 0 1px 3px #999999;
}

h1.invitation {
	margin-top: 0;
}

h2 {
	width: 350px;
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
}

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 6px;
	font-size: 0.9em;
}

td {
	padding: 6px;
}




#ramka_flagi {
	padding-right:50px;
	text-align: right;
}

#ramka_logotypy {
	max-width: 310px;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
}


.tekst {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 1em;
	line-height: 1.4em;
	text-decoration: none;
	text-align: left;
}

/* nazwa konferencji banner */
.naglowek_banner_konferencja {
	margin-top: 2px;
	padding: 0 10px;
	color: white;
	font-size: 1.1em;
	text-align: left;
}

.naglowek_banner_nazwa_konferencji_1 {
	margin-top: 2px;
	padding: 0 10px;
	color: yellow;
	font-size: 1.3em;
	text-align: left;
}

.naglowek_banner_data {
	margin-top: 2px;
	padding: 0 10px;
	color: white;
	font-size: 0.9em;
	text-align: left;
}

#open_menu {
	color: green;
	background-color: rgba(255, 255, 255, 0.95);
}

.open_menu img {
	margin-top: 4px;
}

/* koniec nazwa konferencji banner */


/* menu główne */
.menu {
	color: white;
	font-size: 16px;
	text-align: center;
	border-radius: 5px;
}

.menu_aktywne {
	color:white;
	font-size: 16px;
	text-align: center;
	border-radius: 5px;
}
/* koniec menu główne */

#sliderFrame {
	display: none;
}
#slider {
	display: none;
}


.txtinput {
	width: 90%;
	margin-left: 0;
	padding: 10px 20px 10px 10px;
	color: #000000;
	background-color: #ffffee;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 14px;
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

.txtinput:focus {
	color: #333;
	border-color: rgba(0,140,54, 0.4);
	background-color: #ffeecc;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	outline: 0 none;
}

.logo_iupac {
	display: none;
}



.foto_slider_strona_glowna {
	display: none;
}
.foto_slider_strona_glowna_napis {
	display: none;
}
.foto_slider_strona_glowna_podpis {
	display: none;
}


} /* ---------- koniec modułu dla smartfonów ---------- */









/* !---------- moduł dla tabletów ---------- */
@media only screen and (min-width: 481px) and (max-width: 768px) {

html, body {
    font-size: 15px;
	line-height: 22px;
}


h1 {
	margin-bottom: 30px;
	padding: 10px 10px 10px 20px;
	color: white;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	border-radius: 0 0 22px 0;
	box-shadow: 0 1px 3px #999999;
}

h1.invitation {
	margin-top: 60px;
}

h2 {
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
}

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 6px;
	font-size: 0.9em;
}

td {
	padding: 6px;
}



#ramka_flagi {
	margin-right: 5px;
}

#ramka_logotypy {
	max-width: 768;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
}



/* menu główne */
.menu {
	color: white;
	font-size: 16px;
	text-align: center;
}

.menu_aktywne {
	color:white;
	font-size: 16px;
	text-align: center;
}
/* koniec menu główne */


.tekst {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 1em;
	text-decoration: none;
	text-align: justify;
}


.txtinput {
	width: 90%;
	margin-left: 20px;
	padding: 10px 20px 10px 10px;
	color: #000000;
	background-color: #ffffee;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 14px;
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

.txtinput:focus {
	color: #333;
	border-color: rgba(0,140,54, 0.4);
	background-color: #ffeecc;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	outline: 0 none;
}

.przycisk {
	margin: 10px 0;
	padding: 10px 10px;
	font-size: 13px;
	color: #000000;
	background-color: #FFCC66;
	text-decoration:none;
	box-shadow: 0 1px 3px #999999;
	border-width: 0;
	border-radius: 4px;
}
.przycisk:hover {
	color: white;
	background-color: red;
	text-decoration:none;
}


.foto_slider_strona_glowna {
	margin-top: 10px;
}

.foto_slider_strona_glowna_napis {
    position: absolute;
    top: 10%;
    right: 0;
	padding: 30px 10px 30px 40px;
	background-color: rgba(255,255,255,0.85);
	text-align: right;
	font-size: 1.2em;
	line-height: 1.8em;
	border-radius: 12px 0 0 12px;
}


.foto_slider_strona_glowna_podpis {
	margin-top: -30px;
	color: white;
	text-align: right;
	font-size: 0.55em;
}


.przycisk_rejestracja {
	display:block;
	float:right;
	padding:6px 10px;
	color: white;
	font-size: 14px;
	text-align: center;
	text-decoration:none;
	box-shadow: 0 1px 3px #999999;
	border-radius: 0 0 12px 12px; 

	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.przycisk_rejestracja:hover {
	background-color:rgb(160,198,42);
	color: white;
	text-decoration:none;
}


#logotypy_organizatorzy {
	display: none;
}

} /* ---------- koniec modułu dla tabletów ---------- */







/* !---------- początek moduł‚u dla ekranów ---------- */
@media only screen and (min-width: 769px) { 

html, body {
    font-size: 17px;
	line-height: 25px;
	}


body {
}

h1 {
	margin-bottom: 30px;
	padding: 7px 10px 7px 20px;
	color: white;
	font-size: 1.3em;
	text-align: left;
	font-weight: normal;
	box-shadow: 0 1px 3px #999999;
}

h1.invitation {
	margin-top: 60px;
}

h2 {
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: normal;
	text-align: left;
}

.linia_h2 {
	margin-top: 50px;
	padding-left: 10px;
	border-left: 5px orange solid;
}


table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 6px;
	font-size: 0.9em;
}

td {
	padding: 6px;
}




#ramka_flagi {
	margin-right: 5px;
}

#ramka_logotypy {
	max-width: 960px;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
}


#stopka_pasek {
	background-color:rgb( 181, 118, 83 );
}




/* menu główne */
.menu {
	font-size: 16px;
	text-align: center;
}


.menu_aktywne {
	font-size: 16px;
	text-align: center;
}

/* koniec menu główne */



.tekst {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 1em;
	text-decoration: none;
	text-align: justify;
}

.panel_uczestnika {
	padding: 7px 0;
	color: black;
	background-color: orange;
	font-size: 0.9em;
	text-align: center;
	border-radius: 10px 10px 0 0;
}

.kontakt_techniczny {
	margin: 20px 0;
	padding: 10px 0;
	text-align: center;
	font-size: 0.7em;
	line-height: 1.3em;
	border-style: solid;
	border-width: 1px 0;
	border-color: #cfcfcf;
}








/* formularze */
.rejestracja_blok {
	margin: 10px 0px 40px 0px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #cfcfcf;
	border-radius: 7px;
}

.rejestracja_naglowek_bloku {
	color: grey;
	font-size: 17px;
	padding: 0px 20px 0px 10px;
	font-style: normal;
}

.txtinput {
	width: 90%;
	margin-left: 20px;
	padding: 10px 20px 10px 10px;
	color: #000000;
	background-color: #ffffee;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 14px;
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}

.txtinput:focus {
	color: #333;
	border-color: rgba(0,140,54, 0.4);
	background-color: #ffeecc;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(41, 92, 161, 0.6);
	outline: 0 none;
}

.przycisk {
	margin: 10px 0;
	padding: 10px 10px;
	font-size: 13px;
	color: #000000;
	background-color: #FFCC66;
	text-decoration:none;
	box-shadow: 0 1px 3px #999999;
	border-width: 0;
	border-radius: 4px;
}
.przycisk:hover {
	color: white;
	background-color: red;
	text-decoration:none;
}


.przycisk_anuluj {
	margin: 10px 0;
	padding: 10px 10px;
	font-size: 13px;
	color: #000000;
	background-color: #dfdfdf;
	text-decoration:none;
	box-shadow: 0 1px 3px #999999;
	border-width: 0;
	border-radius: 4px;
}
.przycisk_anuluj:hover {
	color: white;
	background-color: red;
	text-decoration:none;
}

.przycisk_radio {
	vertical-align: baseline;
	margin: 0 5px 10px 20px;
}




.informacja_rejestracja {
	font-size: 15px;
	line-height: 21px;
	text-align: justify;
}
/* koniec stylów dla formularzy */






.box_logotypy {
	width:180px;
	margin-top: 20px;
	padding: 0;
}


.hotel_pole {
	padding: 10px;
	margin-top: 50px;
	border-style: solid;
	border-width: 1px;
	border-color: #afafaf;
	border-radius: 10px;
}

.hotel_nazwa {
	font-size: 19px;
	padding: 0 10px;
}

.hotel_foto {
	margin: 0 10px 10px 0;
}

.hotel_dane {
	float:left;
}

.hotel_grafika {
	float: right;
}

.sponsor_pole {
	padding: 10px;
	margin-top: 50px;
	border-style: solid;
	border-width: 1px;
	border-color: #afafaf;
	border-radius: 10px;
}

.sponsor_nazwa {
	font-size: 19px;
	padding: 0px 10px 0px 10px;
}


#zaproszenie {
	float:left;
	max-width: 740px;
}

#historia {
	float:right;
	width:160px;
}



.foto_slider_strona_glowna {
	margin-top: 10px;
}

.foto_slider_strona_glowna_napis {
    position: absolute;
    top: 10%;
    right: 0;
	padding: 30px 10px 30px 40px;
	min-width: 280px;
	background-color: rgba(255,255,255,0.85);
	text-align: right;
	font-size: 1.2em;
	line-height: 1.8em;
	border-radius: 12px 0 0 12px;
}


.foto_slider_strona_glowna_podpis {
	margin-top: -20px;
	margin-right: 5px;
	color: rgba(255,255,255,0.7);
	text-align: right;
	font-size: 0.55em;
}




.logotyp {
	border:none;
	margin: 20px;
}




.przycisk_rejestracja {
	display:block;
	float:right;
	padding:10px;
	color: white;
	font-size: 14px;
	text-align: center;
	text-decoration:none;
	box-shadow: 0 1px 3px #999999;
	border-radius: 0 0 12px 12px; 

	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.przycisk_rejestracja:hover {
	background-color:rgb(160,198,42);
	color: white;
	text-decoration:none;
}


.menu_margines_gora {
	margin-top: 15px;
}


} /* !----- koniec modułu dla ekranów ---------- */