@charset "iso-8859-1";
/* CSS Document */

@font-face

{

font-family:Lobster;

src:url(Lobster.otf);

}

body {
	background-color: #FFFFFF;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #CCFF00;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

h1 {
	 font-family: 'Lobster', arial; font-size:50px; width:95%; margin:0 auto; margin-bottom:10px; background-image: linear-gradient(120deg, #99CCFF, #FF99CC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h2 {
	 font-family: 'Lobster', arial; font-size:25px; width:95%; margin:0 auto; margin-bottom:10px; background-image: linear-gradient(120deg, #99DDFF, #FF99CC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h3 {
	 font-family: 'Lobster', arial; font-size:25px; width:95%; margin:0 auto; margin-bottom:10px; background-image: linear-gradient(120deg, #99CCFF, #FF99CC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	font-size: 14px;
	color: #000000;
}
.tytul { font-size:28px; font-family: 'Lobster', arial; border-radius: 5px  5px 0  0; font-weight:bold; width:95%; margin:0 auto;  z-index:1; padding: 5px 20px 5px 20px; text-align:left; color:#FFFFFF;  background-image: linear-gradient(120deg, #99CCFF, #FF99CC);}
.dane {font-size:26px;  border-radius:  0  0 5px  5px; font-weight:bold; width:95%; margin:0 auto;	overflow:hidden;   margin-bottom:12px; padding: 10px 20px 10px 20px; text-align:left; color:#FFFFFF;  background-image: linear-gradient(45deg, #00CC99, #FFCC33);}


.tytulr { font-size:28px; font-family: 'Lobster', arial; border-radius: 5px  5px 0  0; font-weight:bold; width:95%; margin:0 auto;  
z-index:1; padding: 5px 20px 5px 20px; text-align:left; color:#FFFFFF;  background-image: linear-gradient(120deg, #8c0000,#C54B65);}
.daner {font-size:26px;  border-radius:  0  0 5px  5px; font-weight:bold; width:95%; margin:0 auto;	overflow:hidden;  
 margin-bottom:12px; padding: 10px 20px 10px 20px; text-align:left; color:#FFFFFF;  background-image: linear-gradient(45deg, #5D4A13, #FFCC33);}


.data{font-size:12px; padding:2px 5px 2px 5px; font-weight:bold; width:120px; height:auto; margin:0 auto;	border-radius: 0  0 10px 10px; position:relative; top:-10px; right:-404px; z-index:10;  text-align:center; color:#FFFFFF;	background-color:#99CCFF;}
.odczyt1 { float:left; margin: 0 0 12px 1px; height:70px; text-align:left; padding: 0 10px 10px 10px; width:10%; border-left:6px solid #00FF33;} 


.maksima {font-size:18px; padding:5px 5px 5px 5px; font-weight:normal; width:97%; height:auto; margin:0 auto;	 z-index:10;  text-align:center; color:#FFFFFF;	background: #2A7B9B;
background: linear-gradient(90deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%);}










.font_mala {font-size:14px; margin-bottom:3px;}
.logo{font-size:12px; font-family:"Courier New", Courier, mono;  padding:2px 5px 2px 5px; font-weight:bold; width:90px; height:38px; margin:0 auto;	border-radius: 10px; position:relative; top:10px; right:-404px; z-index:10;  text-align:center; color:#FFFFFF; background-image:url(syngeos_logo.jpg);}
.link{font-size:13px; font-family:"Courier New", Courier, mono;  padding:2px 5px 2px 5px; font-weight:bold; width:90px; height:38px; margin:0 auto;	border-radius: 10px; position:relative; top:-30px; right:-404px; z-index:10;  text-align:center; color:#FFFFFF; }

.logo_smogly{font-size:12px; padding:2px 5px 2px 5px; font-weight:bold; width:90px; height:38px; margin:0 auto;	border-radius: 10px; position:relative; top:10px; right:-404px; z-index:10;  text-align:center; color:#FFFFFF; background-image:url(smogly_logo.jpg);}
.tytul2 { font-size:18px; border-radius:5px; width:95%; margin:0 auto;  z-index:1; padding: 10px 20px 10px 20px; text-align:center; color:#FFFFFF;  background-image: linear-gradient(120deg, #99CCFF, #FF99CC);}


.button {width:120px;  font-size:16px; color:#FFFFFF; float:left;  text-align:center;  display:block; line-height:22px;}
.button a:link {width:120px;  font-size:16px; color:#FFFFFF; float:left;  text-align:center;  display:block; line-height:22px;}
.button a:active {width:120px;  font-size:16px; color:#FFFFFF; float:left;  text-align:center;  display:block; line-height:22px;}
.button a:hover {background-color:#6666FF; border-radius:3px; color:#FFFFFF;   text-decoration:none; display:block;}


.button2 {width:120px;  font-size:16px; color:#FFFFFF; float:left;  text-align:center;  display:block; line-height:22px;}
.button2 a:link {width:120px;  font-size:16px; color:#FFFFFF; float:left;  text-align:center;  display:block; line-height:22px;}
.button2 a:active {width:120px;  font-size:16px; color:#FFFFFF; float:left;  text-align:center;  display:block; line-height:22px;}
.button2 a:hover {background-color:#0099FF; border-radius:3px; color:#FFFFFF;   text-decoration:none; display:block;}

.button3 {width:110px; height:auto;	line-height:140px; background-color:#6699CC; margin-bottom:4px; border-radius:5px;  font-size:24px; color:#FFFFFF;   text-align:center;  display:block; }
.button3 a:link {width:110px; height:auto;	  line-height:140px;    font-size:20px; border-radius:5px;color:#FFFFFF;   text-align:center;  display:block; }
.button3 a:active {width:110px; height:auto;	  line-height:140px;   font-size:20px;border-radius:5px; color:#FFFFFF;  text-align:center;  display:block; }
.button3 a:hover {background-color:#0099FF; border-radius:5px; color:#FFFFFF;  border-radius:5px; text-decoration:none; display:block;}
.sterowanie {position:absolute; height:200px; right:20px; top:140px;}

.sunset {position:absolute; top:15px; right:40px;  font-family: 'Lobster', arial; font-size:24px; line-height:110%; background-image: linear-gradient(120deg, #99CCFF, #FF99CC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}