@charset "UTF-8";

@font-face {
  font-family: 'clear_sansregular';
  src: url('font/ClearSans-Regular-webfont.eot');
  src: url('font/ClearSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('font/ClearSans-Regular-webfont.woff') format('woff'),
     url('font/ClearSans-Regular-webfont.ttf') format('truetype'),
     url('font/ClearSans-Regular-webfont.svg#clear_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
	}

@font-face {
  font-family: 'clear_sansbold';
  src: url('font/ClearSans-Bold-webfont.eot');
  src: url('font/ClearSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
     url('font/ClearSans-Bold-webfont.woff') format('woff'),
     url('font/ClearSans-Bold-webfont.ttf') format('truetype'),
     url('font/ClearSans-Bold-webfont.svg#clear_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
	}

@font-face {
	font-family: 'TitilliumBlackWebfont';
	src: url('font/Titillium-Black-webfont.eot');
	src: url('font/Titillium-Black-webfont.eot?iefix') format('eot'),
		url('font/Titillium-Black-webfont.woff') format('woff'),
		url('font/Titillium-Black-webfont.ttf') format('truetype'),
		url('font/Titillium-Black-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumBoldWebfont';
	src: url('font/Titillium-Bold-webfont.eot');
	src: url('font/Titillium-Bold-webfont.eot?iefix') format('eot'),
		url('font/Titillium-Bold-webfont.woff') format('woff'),
		url('font/Titillium-Bold-webfont.ttf') format('truetype'),
		url('font/Titillium-Bold-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumBoldItalicWebfont';
	src: url('font/Titillium-BoldItalic-webfont.eot');
	src: url('font/Titillium-BoldItalic-webfont.eot?iefix') format('eot'),
		url('font/Titillium-BoldItalic-webfont.woff') format('woff'),
		url('font/Titillium-BoldItalic-webfont.ttf') format('truetype'),
		url('font/Titillium-BoldItalic-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumBoldUprightWebfont';
	src: url('font/Titillium-BoldUpright-webfont.eot');
	src: url('font/Titillium-BoldUpright-webfont.eot?iefix') format('eot'),
		url('font/Titillium-BoldUpright-webfont.woff') format('woff'),
		url('font/Titillium-BoldUpright-webfont.ttf') format('truetype'),
		url('font/Titillium-BoldUpright-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumLightWebfont';
	src: url('font/Titillium-Light-webfont.eot');
	src: url('font/Titillium-Light-webfont.eot?iefix') format('eot'),
		url('font/Titillium-Light-webfont.woff') format('woff'),
		url('font/Titillium-Light-webfont.ttf') format('truetype'),
		url('font/Titillium-Light-webfont.svg#webfont') format('svg');
	}

@font-face {
font-family: 'TitilliumLightItalicWebfont';
	src: url('font/Titillium-LightItalic-webfont.eot');
	src: url('font/Titillium-LightItalic-webfont.eot?iefix') format('eot'),
		url('font/Titillium-LightItalic-webfont.woff') format('woff'),
		url('font/Titillium-LightItalic-webfont.ttf') format('truetype'),
		url('font/Titillium-LightItalic-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumLightUprightWebfont';
	src: url('font/Titillium-LightUpright-webfont.eot');
	src: url('font/Titillium-LightUpright-webfont.eot?iefix') format('eot'),
		url('font/Titillium-LightUpright-webfont.woff') format('woff'),
		url('font/Titillium-LightUpright-webfont.ttf') format('truetype'),
		url('font/Titillium-LightUpright-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'Titillium Web';
	src: url('font/Titillium-Regular-webfont.eot');
	src: url('font/Titillium-Regular-webfont.eot?iefix') format('eot'),
		url('font/Titillium-Regular-webfont.woff') format('woff'),
		url('font/Titillium-Regular-webfont.ttf') format('truetype'),
		url('font/Titillium-Regular-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumRegularItalicWebfont';
	src: url('font/Titillium-RegularItalic-webfont.eot');
	src: url('font/Titillium-RegularItalic-webfont.eot?iefix') format('eot'),
		url('font/Titillium-RegularItalic-webfont.woff') format('woff'),
		url('font/Titillium-RegularItalic-webfont.ttf') format('truetype'),
		url('font/Titillium-RegularItalic-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumRegularUprightWebfont';
	src: url('font/Titillium-RegularUpright-webfont.eot');
	src: url('font/Titillium-RegularUpright-webfont.eot?iefix') format('eot'),
		url('font/Titillium-RegularUpright-webfont.woff') format('woff'),
		url('font/Titillium-RegularUpright-webfont.ttf') format('truetype'),
		url('font/Titillium-RegularUpright-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumSemiboldWebfont';
	src: url('font/Titillium-Semibold-webfont.eot');
	src: url('font/Titillium-Semibold-webfont.eot?iefix') format('eot'),
		url('font/Titillium-Semibold-webfont.woff') format('woff'),
		url('font/Titillium-Semibold-webfont.ttf') format('truetype'),
		url('font/Titillium-Semibold-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumSemiboldItalicWebfont';
	src: url('font/Titillium-SemiboldItalic-webfont.eot');
	src: url('font/Titillium-SemiboldItalic-webfont.eot?iefix') format('eot'),
		url('font/Titillium-SemiboldItalic-webfont.woff') format('woff'),
		url('font/Titillium-SemiboldItalic-webfont.ttf') format('truetype'),
		url('font/Titillium-SemiboldItalic-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumSemiboldUprightWebfont';
	src: url('font/Titillium-SemiboldUpright-webfont.eot');
	src: url('font/Titillium-SemiboldUpright-webfont.eot?iefix') format('eot'),
		url('font/Titillium-SemiboldUpright-webfont.woff') format('woff'),
		url('font/Titillium-SemiboldUpright-webfont.ttf') format('truetype'),
		url('font/Titillium-SemiboldUpright-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumThinWebfont';
	src: url('font/Titillium-Thin-webfont.eot');
	src: url('font/Titillium-Thin-webfont.eot?iefix') format('eot'),
		url('font/Titillium-Thin-webfont.woff') format('woff'),
		url('font/Titillium-Thin-webfont.ttf') format('truetype'),
		url('font/Titillium-Thin-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumThinItalicWebfont';
	src: url('font/Titillium-ThinItalic-webfont.eot');
	src: url('font/Titillium-ThinItalic-webfont.eot?iefix') format('eot'), 
		url('font/Titillium-ThinItalic-webfont.woff') format('woff'),
		url('font/Titillium-ThinItalic-webfont.ttf') format('truetype'),
		url('font/Titillium-ThinItalic-webfont.svg#webfont') format('svg');
	}

@font-face {
	font-family: 'TitilliumThinUprightWebfont';
	src: url('font/Titillium-ThinUpright-webfont.eot');
	src: url('font/Titillium-ThinUpright-webfont.eot?iefix') format('eot'),
		url('font/Titillium-ThinUpright-webfont.woff') format('woff'),
		url('font/Titillium-ThinUpright-webfont.ttf') format('truetype'),
		url('font/Titillium-ThinUpright-webfont.svg#webfont') format('svg');
	}

body, div, span, h1, h2, h3, th, tr, td, section, input, textarea, form, img {
	margin: 0; padding: 0; border: none; outline: none;
	}

.left_box ul, .left_box li, .regform ul, .regform li { margin: 0; padding: 0; border: none; outline: none; }

body, div, span, h1, h2, h3, input, textarea, form, img { display: inline; }
body, div, span, th, tr, td, section, input, textarea, select, form, p { font-size: 16px; }
caption { caption-side: top; font-weight: 600; white-space: nowrap;  font-size: 16px; }
caption .alert { color: red; }
span.navy { color: blue; }
input, textarea, select {
	background-color: rgba( 0, 118, 206, 0.1 );
	margin: 5px;
	padding: 3px 15px;
	cursor: pointer;
	border: solid 1px rgba( 0, 118, 206, 0.1 );
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}

 div.sponsor { display: block; padding: 20px auto; text-align: center; }
.sponsor img { margin: 0 35px; }
.sponsor table { margin: 30px auto; }
.sponsor tr { min-height: 60px; }
.sponsor tr.title { border-top: 1px solid #000; }
.sponsor th { font-size: 19px; font-weight: 600; vertical-align: top; }
.sponsor tr.title td { font-size: 17px; font-weight: 600; }
.sponsor td { text-align: center; padding: 15px;}

.regform { width: 100%; }
.regform input[type="text"], .regform select { width: 300px; }
.regform input[type="text"]::-webkit-input-placeholder { color: rgba( 0, 118, 206, 0.6 ); }
.regform input[type="text"]::-moz-placeholder { color: rgba( 0, 118, 206, 0.6 ); }
.regform input[type="text"]:-moz-placeholder { color: rgba( 0, 118, 206, 0.6 ); }
.regform input[type="text"]:-ms-input-placeholder { color: rgba( 0, 118, 206, 0.6 ); }
.regform table { border-spacing: 15px 5px; margin: 10px auto; }
.regform td:first-child { text-align: right; }
.regform td:only-child { text-align: center; }
.regform input[type="submit"] { 
	background-color: rgba( 0, 118, 206, 0.3 );
	border-color: rgba( 0, 118, 206, 0.3 );
	margin-top: 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 8px 35px;
	}
.regform input[type="submit"]:hover { background-color: rgba( 0, 118, 206, 0.7 ); border-color: rgba( 0, 118, 206, 0.7 ); color: #fff; }

.tous_r { width: 170px; text-align: right; padding-right: 10px; display: inline-block; }

button { 
	font-style: inherit;
	font-size: inherit;
	font-weight: 600;
	background-color: rgba( 0, 118, 206, 0.1 );
	padding: 3px 15px;
	cursor: pointer;
	border: solid 1px black;
	margin: 5px 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
button:hover { background-color: rgba( 0, 118, 206, 0.7 ); border-color: rgba( 0, 118, 206, 0.7 ); color: #fff; }

html {
	overflow-x: hidden;
	}

body {
	font: 16px 'clear_sansregular', sans-serif;
	color: #243746;
/*	-ms-overflow-style: auto;	*/
	background-image: url( '../img/lrec_tlo.jpg' );
	background-position: center 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	overflow-x: hidden;
	max-width: 100vw;
	}

table { border-collapse: collapse; }
td { padding: 1px 5px; }

.screen_box0 { min-width: 1280px; display: block;}
.screen_box1 { min-width: 1024px; display: block;}

.menu_box0 {
	position: fixed;
	top: 0px;
	right: 0px;
	height: 50px;
	width: calc( 100% - 221px );
	min-width: 1059px;
	z-index: 30;
	background-color: rgba( 255, 255, 255, 0.85 );
/*	background-color: rgba( 0, 118, 206, 0.3 );
	background-color: rgba( 150, 255, 255, 0.8 );	*/
	padding: 0;
	}

.menu_box1 {
	position: fixed;
	top: 0px;
	right: 0px;
	height: 50px;
	width: calc( 100% - 221px );
	min-width: 830px;
	z-index: 30;
	background-color: rgba( 255, 255, 255, 0.85 );
/*	background-color: rgba( 0, 118, 206, 0.3 );
	background-color: rgba( 150, 255, 255, 0.8 );	*/
	padding: 0;
	}

.inner_mn { display: inline; float: right; margin-top: 5px; }
.inner_mn input {
	position: relative;
	top: -6px;
	left: -6px;
	width: 32px;
	height: 20px;
	color: transparent;
	background: transparent;
	font-size: 1px;
	cursor: pointer;
	border: none;
	}
.lan_pl, .lan_en, .lan_fr, .lan_de, .lan_es .face { 
	margin: 5px 0 0 20px;
	border: solid black 1px;
	display: inline-block;
	position: relative;
	top: -5px;
	background-size: cover;
	width: 30px;
	height: 18px;
	}

.face { 
	position: absolute;
	top: 12px;
	left: 8px;
	background-size: cover;
	width: 25px;
	height: 25px;
	}

.lan_pl { background-image: url('../img/pl.gif'); }
.lan_en { background-image: url('../img/en.gif'); }
.lan_fr { background-image: url('../img/fr.gif'); }
.lan_de { background-image: url('../img/de.gif'); }
.lan_es { background-image: url('../img/es.gif'); }
.face { background-image: url('../img/fbook.png'); }

.ic_open {
	background-size: cover;
	width: 16px;
	height: 16px;
	margin: 0 0 0 6px;
	display: inline-block;
	}
.ic_open { background-image: url('../img/ic_open.png'); }


.box { display: block; }
.frame_box { display: flex; min-height: 100% !important; }
.left_box { padding: 20px; min-height: 100% !important;  width: 180px; min-width: 180px; display: inline-block; }
.left_box1 { background-color: #333; color: #fff; }
.left_box0 { background-color: transparent; color: #000; border-right: black 1px solid; }
.main_box0 { display: inline-block; width: 100%; margin-top: 70px; padding: 0 25px; background-image: url('../img/tlo.gif'); height: 100%; width: 100%; }
.main_box1 { display: inline-block; width: 100%; margin-top: 70px; padding: 0 25px; }
.hspacer { width: 30px; }
.left_box1 img { width: 80px; margin: 25px auto; display: block; }
.left_box1 img.small { width: 48px; }
.left_box1 img.logo { width: 200px; margin: 15px -10px; display: block; }
.left_box0 img.logo { width: 180px; margin-bottom: 20px; }
.left_box .strong { font: 17px 'clear_sansbold', sans-serif; margin-bottom: 10px; }
.left_box li { display: block; margin: 5px 0 0 10px; }
.left_box ul li { display: block; margin: 0 0 0 20px; }
.left_box ul ul li { display: block; margin: 0 0 0 30px; font-size: 13px; }
.left_box ul ul li.act span { margin: 0; font-size: 13px; }
.left_box1 a:link, .left_box1 a:visited, .left_box1 a:active { color: #bbb; text-decoration: none; }
.left_box0 a:link, .left_box0 a:visited, .left_box0 a:active { color: #666; text-decoration: none; }
.left_box a:hover { color: #ff00ff; text-decoration: none;}

.circle li { display: block; list-style: circle; margin-left: 20px; }
.circle li:first-child { margin-top: -1em; display: block; list-style: circle; margin-left: 20px; }

.page_up { font-size:11px; position: fixed; bottom: 100px; right:10px; background-color:transparent; }

#menu li { list-style: none;  }
#menu { margin: auto 0; padding: auto 0; }
#menu a, #menu li:hover a {
	display: block;
	font-size: 17px;
	text-decoration: none;
	color: #000;
	background-color: transparent;
	}
#menu li:hover a {
	background-color: transparent;
	color: #0076ce;
	}
#menu ul { 
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: auto;
	right: -30px;
	padding-bottom: 15px; }
#menu li {
	float: right;
	position: relative;
	margin: 10px 0;
	padding: 0 48px 20px 0px;
	}
#menu li li {
	float: none;
	width: auto;
	white-space: nowrap;
	z-index: 20;
	margin: 0;
	text-align: center;
	padding: 0 10px;
	}
#menu li.left { text-align: left; }

#menu li:hover ul
	{
	visibility: visible;
	background-color: #0076ce;
	padding: 10px 20px; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.05), -8px 8px 6px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 8px 8px 6px rgba(0, 0, 0, .05), -8px 8px 6px rgba(0, 0, 0, .05);
	box-shadow: 8px 8px 6px rgba(0, 0, 0, .05), -8px 8px 6px rgba(0, 0, 0, .05);
	}
#menu li:hover li a { 
	display: block;
	font-size: 14px;
	text-decoration: none;
	padding: 8px 15px;
	color: #fff;
	background-color: #0076ce;
	border: solid 2px transparent;
	border-bottom: 1px solid #66ade2;
	}

#menu li:hover li:last-child a { border-bottom: 1px solid transparent; }

#menu li:hover li.left:hover { border: none; position: relative; top: 0; }
#menu li:hover li:hover a
	{
	position: relative;
	top: -2px;
	position: relative;
	top: -1px;
	color: #0076ce;
	background-color: #fff; 
	border: solid 2px #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border-bottom: 1px solid #fff;
	}

#menu li li a { width: auto; white-space: nowrap; }

table.news { display: block; margin: 30px 0 45px 0; width: 100%; }
table.news th { font-weight: 600; background-color: #aaa; }
table.news tr th:first-child { text-align: left; padding: 12px; width: 100%; }
table.news tr th:last-child { white-space: nowrap; padding: 5px 12px 19px 10px; }
table.news td:only-child { text-align: justify; background-color: #eaeaff; word-spacing: 2px; padding: 20px 12px; line-height: 1.3em; }

/*
tr.news_head { font-weight: 600; background-color: #aaaaaa; }
td.news_data { white-space: nowrap; }
td.news_text { text-align: justify; background-color: #eaeaff; word-spacing: 2px; line-height: 120%; }
*/

td.px60 { width: 60px; }
td.center { text-align: center; }
td.icenter { text-align: center; font-style: italic; }
td.right { text-align: right; }
td.bold{ font-weight: bold; }
td.cbold{ text-align: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; font-weight: bold; }
td.tbcenter { text-align: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-top-style: solid; border-top-width: 1px; border-top-color: black; }
td.bcenter { text-align: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; }
td.bbcenter { text-align: center; vertical-align: bottom; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; }
td.tcenter { text-align: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; }
td.bvcenter { text-align: center; vertical-align: top; white-space: nowrap; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; }
td.bleft { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; text-align: left; white-space: nowrap; }
td.boldcenter { text-align: center; font-weight: bold; }
td.bicenter { text-align: center; font-style: italic; font-size: 14px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; }
td.ticenter { text-align: center; font-style: italic; font-size: 14px; border-top-style: solid; border-top-width: 1px; border-top-color: black; }
td.tbicenter { text-align: center; font-style: italic; font-size: 14px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-top-style: solid; border-top-width: 1px; border-top-color: black; }
td.bvleft { text-align: left; vertical-align: top; white-space: nowrap; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; }
td.bright { text-align: right; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; }
td.ismall { text-align: center; font-style: italic; font-size: 13px; }
td.tismall { text-align: center; font-style: italic; font-size: 13px; border-top-style: solid; border-top-width: 1px; border-top-color: black; }
td.bismall { text-align: center; font-style: italic; font-size: 14px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; }

p { text-align: justify; word-spacing: 0.2em; line-height: 140%; }
p.center { margin: 0 auto; max-width: 700px; padding: 0 30px; }
a:link, a:visited, a:active { color: #6d6d6d; text-decoration: none; }
a:hover { color: #FF00FF; text-decoration: none;}

.big{ font-family: verdana, tahoma, arial; font-size: 17px; font-weight: 600; }
.b_center { font-weight: 600; text-align: center; }
.act0 { color: #111; }
.act1 { color: #fff; }
.black { font-weight: 600; }
.red { font-style: italic; color: #FF0000; font-weight: 500; }
.bred { color: #FF0000; font-weight: 500; }
.nred { color: #FF0000; }
.small { font-style: italic; font-size: 14px; }
.smal { font-size: 14px; }
.smallcenter { margin: 0 auto; max-width: 700px; padding: 0 30px; text-align: center; font-style: italic; font-size: 14px;}
.ltext { text-align: left; }
.rtext { text-align: right; }
.fbook { float: right; display: inline; float: top; position: relative; top:0; margin: 0 20px; }
.tab_menu { display: inline; }

.blue { font-style: italic; color: #4169E1; font-size: 16px; font-weight: 400; }
.green { font-style: italic; color: #32CD32; font-size: 16px; font-weight: 400; }
.orange { font-style: italic; color: #FFA500; font-size: 16px; font-weight: 500; }
.little { font-style: normal; font-size: 14px; font-weight: 300; }
.topic { font-size: 16px; color: #800080; font-weight: 700; }
.top { font-size: 16px; font-style: normal; color: #800080; font-weight: 900; }
.menu_pw { font-style: normal; color: #800080; font-size: 14px; font-weight: 300; }
.att { font-size: 14px; font-style: normal; color: #800080; font-variant: small-caps; font-weight: 400; }

/* ============================================
   RESPONSYWNOŚĆ - TABLETY I TELEFONY
   ============================================ */

/* Tablety i małe ekrany (< 1024px) */
@media screen and (max-width: 1024px) {
    *, *::before, *::after { box-sizing: border-box; }
    .screen_box0, .screen_box1 { min-width: auto; max-width: 100vw; width: 100%; }
    .menu_box0, .menu_box1 {
        min-width: auto;
        width: 100%;
        left: 0;
        right: 0;
    }
    .frame_box { max-width: 100vw; }
    .main_box0, .main_box1 { max-width: 100vw; width: 100%; }
    .left_box { width: 150px; min-width: 150px; padding: 15px; }
    .left_box0 img.logo, .left_box1 img.logo { width: 140px; }
    #menu li { padding: 0 25px 20px 0; }
    #menu a, #menu li:hover a { font-size: 15px; }
    body, div, span, th, tr, td, section, input, textarea, select, form, p { font-size: 14px; }
    table { max-width: 100%; }
    img { max-width: 100%; height: auto; }
}

/* Telefony (< 768px) */
@media screen and (max-width: 768px) {
    .frame_box { max-width: 100vw; }
    .screen_box0, .screen_box1 { min-width: auto !important; max-width: 100vw !important; width: 100% !important; }
    .left_box {
        width: 120px !important;
        min-width: 120px !important;
        padding: 8px;
    }
    .left_box0 img.logo, .left_box1 img.logo {
        width: 100px;
        margin: 5px 0;
    }
    .left_box1 img { width: 40px; margin: 8px auto; }
    .main_box0, .main_box1 {
        margin-top: 50px;
        padding: 0 8px;
        max-width: 100vw;
    }
    .menu_box0, .menu_box1 {
        height: auto;
        min-height: 40px;
        padding: 5px;
        width: calc(100% - 120px) !important;
        min-width: auto !important;
    }
    #menu li {
        padding: 0 12px 10px 0;
        margin: 5px 0;
    }
    #menu a, #menu li:hover a { font-size: 12px; }
    .left_box .strong { font-size: 13px; }
    .left_box li, .left_box ul li { margin-left: 3px; font-size: 11px; }
    table { max-width: 100vw; overflow-x: auto; display: block; }
    table.news th, table.news td { padding: 6px; font-size: 12px; }
    .regform input[type="text"], .regform select { width: 150px; max-width: 90vw; }
    .sponsor table { width: auto !important; display: table; }
}

/* Małe telefony (< 480px) */
@media screen and (max-width: 480px) {
    html, body {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    body { font-size: 12px; }
    .screen_box0, .screen_box1 {
        min-width: auto !important;
        max-width: 100vw !important;
        width: 100% !important;
    }
    .left_box {
        width: 90px !important;
        min-width: 90px !important;
        padding: 5px;
    }
    .left_box0 img.logo, .left_box1 img.logo {
        width: 80px;
        margin: 3px 0;
    }
    .left_box1 img { width: 30px; margin: 5px auto; }
    .left_box .strong { font-size: 11px; }
    .left_box li, .left_box ul li { margin-left: 2px; font-size: 10px; }
    .menu_box0, .menu_box1 {
        position: relative;
        width: calc(100% - 90px) !important;
        min-width: auto !important;
        height: auto;
        padding: 3px;
    }
    .main_box0, .main_box1 {
        margin-top: 10px;
        max-width: 100vw !important;
        padding: 0 3px;
    }
    .frame_box {
        max-width: 100vw !important;
        width: 100% !important;
    }
    #menu { display: flex; flex-wrap: wrap; justify-content: center; }
    #menu li {
        padding: 0 6px 6px 0;
        margin: 2px;
    }
    #menu a, #menu li:hover a { font-size: 10px; }
    .lan_pl, .lan_en, .lan_fr, .lan_de, .lan_es {
        width: 20px;
        height: 12px;
        margin: 2px 3px;
    }
    .face { width: 16px; height: 16px; }
    .regform input[type="text"], .regform select { width: 100%; max-width: 200px; }
    .sponsor img { margin: 0 5px; max-width: 60px; }
    p.center { padding: 0 5px; }
    table { font-size: 10px; }
    td { padding: 1px 2px; }
}