@charset "iso-8859-2";

.property_bottom {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.calculator-title {
    font-size: 12px;
    margin-top: 10px;
}
#dashboardChrome {
    display: none;
}
.zegar-container {
    text-align: center;
    position: relative;
    width: 200px;
    height: 120px;
    display: block;
    overflow: hidden;
}
.zegar-container iframe {
    position: absolute;
    margin-top: -362px;
    width: 220px;
    height: 500px;
    left: 0;
}
.calculator {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-spacing: 0;
    border-collapse: collapse;
}

.calculator  tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.calculator td {
    position: relative;
}
.calculator td, .calculator th {
    padding: 0;
    line-height: 1.35;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* CSS Document */
body { background:#7797c8 url(/images/body_bg.gif) repeat-x; margin:0px; padding:0px 0px 20px 0px; color:#797979; }
body,td,th,input,select { font-family:Arial, Helvetica, sans-serif; font-size:11px; }

img { border:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

ul { margin:10px 0px 20px 10px; padding:0px;list-style-type:none; }
li { padding:1px 0px 1px 10px; background:url(/images/li.gif) no-repeat left; }

h1 { font-size:17px; padding:5px 0px 10px 0px; margin:5px 0px 5px 0px; color:#f26020; }
h2 { font-size:14px; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; color:#7797ca; border-bottom:1px solid #e6e6e6; }
h3 { font-size:12px; padding:3px 0px 3px 0px; margin:5px 0px 5px 0px; color:#7797ca; }
h4 { font-size:11px; margin:0px; padding:0px; color:#6695d6 }

h5 { font-size:17px; color:#ffffff; padding:14px 0px 0px 15px; margin:0px; }

form { margin:0px; padding:0px; }

#kontener_glowny { width:100%; min-height:570px; background: url(/images/chmury.jpg) no-repeat top center; }
*html #kontener_glowny { height:570px; }
#kontener_strony { width:908px; min-height:570px; margin:auto; padding-top:18px; }

#naglowek_lewy { width:461px;float:left; height:84px; background: white; border-radius: 6px 6px 0 0; box-sizing: border-box; padding: 15px;    position: relative;}
#naglowek_prawy { width:447px;float:left; height:84px; }
#pasek_jezyka { width:428px; height:20px; background:url(/images/lang_bg.gif) no-repeat left bottom; padding:20px 0px 0px 19px; color:#b0d1f1;}
#pasek_jezyka a { color:#ffffff;}
#pasek_jezyka img { vertical-align:middle;margin-left:5px; }
#naglowek_lewy a {
    text-decoration: none;
}
img.armaag-text {
    vertical-align: top;
    position: relative;
    left: 42px;
    top: 5px;
}

img.armaag-logo {
   vertical-align: top;
    margin-left: 8px;
}

.header-menu {
    list-style: none;
    margin: 0;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 45px;
    width: auto;
}
.header-menu-item {
    list-style: none;
    background: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}
.header-menu-item a {
   padding: 7px 17px;
    background: #7d9ed0;
    background: linear-gradient(#6695d6, #85aade);
    color: white;
    border-radius: 4px 4px 0 0;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.46);
    box-shadow: 0px -1px 0px 0px #6695d6;
}
.header-menu-item a:hover {
    background: #f26121;
    box-shadow: 0px -1px 0px 0px #ffaa85
}

#szukaj { width:428px; height:44px; background:url(/images/search_bg.gif); padding-left:19px; color:#ffffff; }
#szukaj_form { padding-top:11px;  }
#szukaj_form a, #szukaj .right a { color:#ffffff;}
#szukaj_input { width:140px; height:16px; border:1px solid #c1450e; padding:2px 3px 1px 5px;margin-left:10px; font-weight:bold; color:#989898; vertical-align:middle; }
#szukaj_button { width:21px; height:21px;padding:0px; margin:0px 0px 0px 5px; vertical-align:middle; }

.left { float:left; }
.right { float:right;padding:2px 15px 0px 0px; }

.przerwa { padding:0px 5px 0px 5px; }
#przerwa2 { padding:0px 10px 0px 10px; color:#f78b5c; }

#sciezka { width:908px; height:34px; background:url(/images/path_bg.gif); clear:both; color:#898989; }
#sciezka div { padding:13px 0px 0px 193px; }
#sciezka a { color:#868686; }

#main { width:908px; background:#ffffff url(/images/main_bottom.gif) no-repeat bottom; margin:auto;padding:6px 0px 6px 0px; }

#main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#main {display: inline-table;}

/* Hides from IE-mac \*/
* html #main {height: 1%;}
#main {display: block;}
/* End hide from IE-mac */



#lewa_kolumna { width:177px;padding-left:6px; float:left; }

#menu { width:177px; margin:0px; padding:0px; background:url(/images/menu_bg.gif); list-style-type:none; color:#ffffff; }
#menu li { padding:3px 4px 3px 22px; background:url(/images/menu_li_bg.gif) no-repeat bottom; }
#menu a { color:#ffffff; }

#menu li.selected { padding-left:11px; }
#menu li.selected img { margin:4px 7px 0px 0px;display:block;float:left; }
#menu li.selected a { display:block;float:none;width:151px;}
#menu li.selected a { display:block;float:left;width:151px;}

html* #menu li.selected a { display:block;float:none;width:151px;}

#menu li.selected:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#menu li.selected {display: inline-table;}


/* Hides from IE-mac \*/
* html #menu li.selected {height: 1%;}
#menu li.selected{display: block;}
/* End hide from IE-mac */


#menu li.level2 { padding-left:20px; background:url(/images/level2_bg.gif) repeat-y right; border-bottom:1px solid #7797c8;margin-left:9px;  }
#menu li.level3 { padding-left:30px; background:url(/images/level3_bg.gif) repeat-y right; border-bottom:1px solid #718ebc;margin-left:9px; }

#menu_top { width:177px; height:5px; font-size:0px; background:url(/images/menu_top.gif); }
#menu_bottom { width:177px; height:5px; font-size:0px; background:url(/images/menu_bottom.gif); }

#srodek { width:506px;margin:0px 6px 0px 6px; float:left; }

#flash { width:506px; height:227px; }

#prawa_kolumna { width:201px; float:left; }

#prawa_kolumna2 { width:201px; float:right;}

#opis_mapki { width:181px;padding:10px; background:#f4f8fb;margin-bottom:6px; }
#opis_mapki a { color:#597eb5; }

#buttons { width:201px; height:227px; }
#buttons img { display:block;margin-bottom:6px; }

#news { background:#f4f7fa; width:201px; height:286px; }

#news_list { list-style-type:none; margin:auto; padding:0px; width:183px; }
#news_list a { color:#6695d6; }

#news_list li { padding:10px 0px 10px 0px; background:url(/images/news_li_bg.gif) repeat-x bottom; }
#news_list li#news_link { background:none; padding-bottom:0px; }

.date { color:#c8c8c8; }

#zobacz { padding:0px 0px 0px 5px; }
#zobacz a { color:#6695d6; }
.orange_arr { padding-left:5px;color:#ee4f18; }

#main_content { width:506px; }
#main_text { width:280px; padding:10px 15px 15px 15px;float:left; border-right:1px solid #c6d3e7;min-height:210px; }
*html #main_text { height:210px; }

#main_text a { color:#6e90c6; }
#main_text img { display:inline; }

#text_bottom { width:311px;height:4px; font-size:0px; background:url(/images/main_text_bottom.gif) no-repeat right bottom; float:left }

#flash2 { width:195px; float:right; }

#bannery { margin-top:5px; }
#bannery img { display:block; margin-bottom:5px; }

#stopka { height:20px; padding:10px 15px 5px 15px; margin:auto; width:878px; border-bottom:1px solid #95aed4; color:#ffffff; }
#stopka p { margin:0px; }
#stopka a { color:#e8e8e8; }


/* ----------------------- style podstrona -------------------- */

#srodek2 { width:713px; margin:0px 0px 0px 6px; float:left; }

#naglowek_podstrona { width:713px;height:155px; }
#header_overlay { position:absolute; margin:143px 0px 0px 506px; font-weight:bold; color:#7798c9;}

#podstrona_tytul { width:475px; height:43px; float:left; background:url(/images/title_bg.jpg); }

#podstrona_tytul2 { width:713;height:41px; background:url(/images/title2_bg.jpg); }

#podstrona_tytul3 { width:713;height:41px; background:url(/images/title3_bg.jpg); }

#map_info { font-size:13px;font-weight:bold;color:#ffffff; width:191px; padding:14px 0px 0px 10px; float:right; }

#podstrona_skrot { width:238px; height:43px; float:right; background:url(/images/short_bg.gif) }


#main_content2 { width:688px;padding:15px 15px 20px 15px; clear:both;}

#main_content3 { width:713px;padding:0px; clear:both; min-height:300px; position:relative;}

#main_content4 { width:507px;padding:0px; float:left; clear:both; min-height:300px; position: relative;}

/*.przykrywek {    background: #ffffff none repeat scroll 0 0;    height: 118px;    position: absolute;    right: 152px;    top: 71px;    width: 100px;}*/
.przykrywek_meteo {   background: #ffffff none repeat scroll 0 0;    height: 65px;    position: absolute;    right: 19px;    top: 1135px;    width: 668px;}
.przykrywek_meteo ul li {     float: left;    padding: 0 0 5px;    width: 219px;color: #436aa6;}
.przykrywek_meteo ul li strong { color :#000000;}

.przykrywek_pomiary {    background: #ffffff none repeat scroll 0 0;
    display: block;
    height: 180px;
    right: 49px;
    top: 617px;
    width: 250px;
    float: left;
    clear: both;}
.przykrywek_pomiary ul li {     float: left;    padding: 0 0 5px;    width: 219px;color: #436aa6;}
.przykrywek_pomiary ul li strong { color :#000000;}

#pasek_dolny { height: 30px;
    border-top: 1px solid #c6d3e7;
    margin-top: 10px;
    padding-top: 10px;
    color: #f26221;
    float: left;
    width: 100%;
    clear: both; }
#pasek_dolny a { color:#6e90c6;font-weight:bold; }


#main_content2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#main_content2 {display: inline-table;}

/* Hides from IE-mac \*/
#main_content2 {display: block;}
/* End hide from IE-mac */


#main_content2 img { display:inline; }
#main_content2 a { color:#6e90c6; }

#menu_jump { width:184px; padding:1px; border:1px solid #7f9db9; margin:14px 0px 0px 30px; color:#5f5f5f }
#menu_raport { width:184px; padding:1px; border:1px solid #7f9db9; margin:5px 0px 0px 10px; color:#5f5f5f }

#belka_dolna { clear:both; margin:0px 0px 0px 189px;width:713px; height:24px; background:url(/images/belka_dolna.gif);padding:13px 0px 0px 0px; font-weight:bold;  }
#belka_dolna a { color:#6f95d0; }
#belka_dolna img { vertical-align:middle; padding:0px 10px 0px 0px }

#top { float:left; width:104px; text-align:center; }
#back { float:right; margin-right:1px; width:102px; text-align:center; }
#print { float:right; padding-right:6px; width:94px; text-align:center; }

.wykres_legenda { clear:both;padding:10px;margin-bottom:10px;text-align:justify;background:#f9f9f9; }



.poziom1 { width:60px; background:#0088ff; }
.poziom2 { width:60px; background:#00bd1c; }
.poziom3 { width:60px; background:#ffdd00; }
.poziom4 { width:60px; background:#ec2323; }


.partnerzy { width:500px; margin:auto; margin-bottom:20px; }
.partnerzy td { text-align:center;padding:5px; }

.jakoscpowietrza {  border-collapse:collapse; margin-top:10px; }
.jakoscpowietrza td { padding:1px; border:1px solid #d7d7d7; }
.jakoscpowietrza th { padding:5px; border:1px solid #d7d7d7; font-weight:bold; }

.tabela_opis3 { width:100%; }

.subst { float:left; text-align:left;}

.PrettyTable  { border-collapse:collapse;margin:10px 0px 10px 0px; }
.PrettyTable th  { padding:3px 5px 3px 5px; border:1px solid #d7d7d7; background:#e9e9e9; }
.PrettyTable td { padding:3px 5px 3px 5px; border:1px solid #d7d7d7; }

.PrettyTable2  { border-collapse:collapse;width:100%;margin-top:10px;margin-bottom:10px; }
.PrettyTable2 th  { padding:3px 5px 3px 5px; border:1px solid #6f90c6; background:#8facd6;color:#ffffff; }
.PrettyTable2 td { padding:3px 5px 3px 5px; border:1px solid #6f90c6;background:#f4f6f9;color:#36578d; }
.PrettyTable2 p { margin:3px 0px 3px 0px; padding:0px; }

.sation_name { width:90px; }

.row1 { margin-bottom:0px;width:331px; }
.row1 td { border-bottom:0px; }

.meteotable { border-collapse:collapse; }
.meteotable th { padding:5px; border:1px solid #d7d7d7; background:#e9e9e9; }
.meteotable td { padding:5px; border:1px solid #d7d7d7; }

.ContentPage { background: #ffffff; padding:10px; }

#szukaj_form2 { padding:10px 0px 15px 0px; margin:0px; }


/* ---------------------- stacje -------------------- */

.stacja_pomiarowa { width:100%; border-collapse:collapse;}
.stacja_pomiarowa p { margin:5px 0px 0px 0px;padding:0px; }
.stacja_obrazek { width:160px;background:#f7f7f7;text-align:center;padding-bottom:0px; }
.stacja_pomiarowa td { border-top:1px solid #cdcdcd;padding:10px; }
.news_title { color:#f26221; font-size:14px; font-weight:bold; }
#main_content2 .news_title a { color:#f26221;text-decoration:none; }

.miesieczne { border-collapse:collapse;width:100%; }
.miesieczne td table { width:330px; }
.miesieczne td { text-align:left; vertical-align:top; }


.ms { list-style-type:none; margin:0px 0px 20px 0px; padding:0px;float:left;width:320px;  }
.ms a { font-weight:normal; }
.ms li { padding:3px;background:none; }
.ms li.ms_1 { padding:5px 0px 5px 15px; border-bottom:1px solid #cbd6ea; background:#f8f8f8; }
.ms li.ms_1 a { font-weight:bold; font-size:12px; }
.ms li.ms_2 { padding:5px 0px 5px 20px;border-bottom:1px solid #cbd6ea; }
.ms li.ms_3 { padding-left:40px; }


/* -------------------- kolory ------------------------ */
.niebieski { color:#4f96c6;font-weight:bold; }
.ciemnoniebieski { color:#3f4670;font-weight:bold; }
.zielony { color:#63ad5e;font-weight:bold; }
.zolty { color:#dfc231;font-weight:bold; }
.pomaranczowy { color:#e29848;font-weight:bold; }
.czerwony { color:#c3483d;font-weight:bold; }

.icons { float:right; }
.icons img {border:1px solid #6f90c6;vertical-align:middle;margin-left:4px; }
.icons img:hover { border:1px solid #ff7900; }
.month_name { float:left; }

.miesieczne .flash_wykres { padding:0px; border:none; }

/* TODO - raporty miesieczne - warstwy dla wykresow i danych */
#so2d, #so2w, #no2d, #no2w , #pm10d, #pm10w, #cow, #cod, #o3w, #o3d, #h2sd, #h2sw {display: none;}


.atmoludek_widget { width:195px; height:114px; }
#armaag_widget { width:195px; min-height: 133px; }





#so2_daily, #pm10_daily  {

background: #999999; /* Old browsers */

background: -moz-linear-gradient(top,  #999999 0%, #7f7f7f 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#7f7f7f)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #999999 0%,#7f7f7f 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #999999 0%,#7f7f7f 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #999999 0%,#7f7f7f 100%); /* IE10+ */

background: linear-gradient(to bottom,  #999999 0%,#7f7f7f 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#7f7f7f',GradientType=0 ); /* IE6-9 */



    border-radius: 4px 4px 0 0;

    color: #FFFFFF;

    display: inline-block;

    font: bold 12px 'arial';

    padding: 6px 30px;

    text-align: center;

    text-decoration: none;

	margin: 0 1px;

}



#so2_daily.selected, #pm10_daily.selected  {



ckground: #9cb5dd; /* Old browsers */
background: -moz-linear-gradient(top,  #ccdfff 0%, #9cb5dd 5%, #7797c8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdfff), color-stop(5%,#9cb5dd), color-stop(100%,#7797c8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ccdfff 0%,#9cb5dd 5%,#7797c8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ccdfff 0%,#9cb5dd 5%,#7797c8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ccdfff 0%,#9cb5dd 5%,#7797c8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ccdfff 0%,#9cb5dd 5%,#7797c8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdfff', endColorstr='#7797c8',GradientType=0 ); /* IE6-9 */
    border-radius: 4px 4px 0 0;

    color: #FFFFFF;

    display: inline-block;

    font: bold 12px 'arial';

    padding: 6px 30px;

    text-align: center;

    text-decoration: none;

}
.data_table { width:100%; border-collapse:collapse; }

.data_table td,.data_table th { border:1px solid #e5e5e5; padding:3px; }

.data_table td { text-align:center; }

.data_table tr td:first-child { background:#f7f7f7; text-align:center; font-weight:bold;  }

.data_table th { font-weight:normal; background:#f7f7f7; }

.data_table th:first-child { background:none; }

.data_table .first { }
.exceeded {background-color:#ffb3b3;}
.inform {font-weight:bold; color:#d72128;}

.data_table .noData { background:url(/images/nodata.gif); }



.legenda li { padding-bottom:10px; background:none; }

.legenda li img{ float:left; margin-right:10px; }
.anal li {background:none;}



.rapWykLeft { border: 1px solid #6F90C6;}

.rapWykLeft .bluebar,.rapWykLeft .greenbar,.rapWykLeft .orangebar { height:10px; font-size:10px; color:#ffffff; font-weight:bold; position:relative; }

.rapWykLeft .bluebar { width:304px; background:#66a31e;height:10px; }
.rapWykLeft .greenbar { width:190px;background:#049eda; }
.rapWykLeft .orangebar { width:190px;background:#e69300; }

#content .rapWykLeft strong {
		display:block;
		width:30px;
		height:10px;
		position:absolute;
		right:0;
		top:0;
		position:absolute;
		border:1px sold red;
		margin:-2px -35px 0px 0px;
		}
ul.rapLeg {
	float:left;
	margin: 0px 0px 0px 0px;
}
ul.rapLeg li {
	float:left;
	display:inline;
	width:42px;
	padding-left:20px;
}
ul.rapLeg li.rapGreen {
	background:url('/images/raporty/szafa.png') -538px -330px no-repeat;
}
ul.rapLeg li.rapBlue {
	background:url('/images/raporty/szafa.png') -539px -288px no-repeat;
}

ul.rapLeg li.rapOrange {
	background:url('/images/raporty/szafa.png') -539px -406px no-repeat;
}

.bar_table { width:auto !important; border-collapse:collapse; }
.bar_table div { float:left; }
.bar_table strong { float:left; display:block; padding-left:3px; font-size:11px; height:10px; margin-top:-1px; }
.bar_table td { border:none !important; padding:0px; vertical-align:middle; height:11px; }


.data_table2 { width:100%; border-collapse:collapse; line-height:17px;}
.data_table2 td,.data_table2 th { background: none repeat scroll 0 0 #FFFFFF;outline: 1px solid #E5E5E5;padding: 3px; }
.data_table2 td { text-align:center; }
.data_table2 tr td:first-child {background-color: #F7F7F7;font-weight: bold;text-align: center;  }
.data_table2 th { font-weight:normal; background:#f7f7f7; }
.data_table2 th:first-child { background:none; }
.data_table2 .first { }


.pge { width:204px; height:39px; background:url(/images/pge_logo.png) no-repeat top center; margin:0 auto 10px auto; text-indent:-9999px; float:left; }

.select_bar { width:678px; padding:5px; background:#8eabd5; float:left; margin-bottom:10px; }
.chart_title { width:688px; margin:auto; font-size:16px; float:left; text-align:center; }
.chart_info { float:left; width:688px; margin:auto; text-align:center; }

.select_bar select { padding:2px; margin:0 5px; float:left; }
.select_bar button { float:left; padding:2px; margin:0 5px;  }
.select_bar form { width:520px; margin:auto; }


.c_grey { background:#cccccc; color:#252525; }
.c_blue { background:#00c0f0; color:#FFF; }
.c_green { background:#00e400; color:#FFF; }
.c_yellow { background:#f0f000; color:#7a7a17; }
.c_orange { background:#ff7e00; color:#FFF; }
.c_red { background:#f00000; color:#FFF; }

.data_ul { float:left; list-style:none; padding:0; margin:0 1px 0 0; }
.data_ul li { height:15px; padding:5px 10px; border-bottom:1px solid #fff; text-align:center; }
.data_ul li.ul_th { background:#575757; color:#FFF; height:30px;  }

.data_ul li.blank { background:#ededed; }
.data_ul li.blank span { float:left; display:block; text-align:center; margin-right:3px;  }
.data_ul li.blank span:nth-child(3) { margin-left:10px; }
.data_ul li.blank .arrow { width:11px; height:11px; display:block; float:right; margin-right:4px; margin-top:2px; text-indent:-9999px; background:url(images/arrow.png) no-repeat top center; position:relative; }

.map { border: 2px solid #7797c8; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888;}

#main_content2 .data_ul li.blank .arrow img { width:622px; height:387px;  position:absolute; left:-650px; top:-110px; display:none;}
#main_content2 .data_ul li.blank .arrow:hover img { display:block;}
/*
#main_content2 .data_ul li.blank .arrow div.map { width:450px; height:450px; border: 1px solid black; text-indent: 0; position:absolute; left:-470px; top:-110px; display:none;}
#main_content2 .data_ul li.blank .arrow:hover div.map { display:block; background-color: white;}
*/
.data_ul .rose {display:none;}

.atmoludek_widget {
    color: #6695d6;
    position: relative;
    box-sizing: border-box;
   padding: 1rem 0.5rem;
       text-align: right;
}

.atmoludek_widget img {
    width: 100%;
    max-width: 75px;
    backface-visibility: hidden;
    display:block;
}

.atmoludek_widget a {
    color: #ff8000;
    margin-top: -12px;
    display: block;
}

.data-pomiaru {
    width: 56px;
    display: inline-block;
    text-align: right;
    float: right;
}

.ocena-pomiaru {
    color: #3486be;
    padding: 11px 10px;
    display: inline-block;
    background: #ffffff;
    background: linear-gradient(#fffffd, #e5e8ea);
    border-radius: 4px;
    box-shadow: 1px 1px 0px 0 rgba(0,0,0,0.4);
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-36%);
    font-size: 12px;
    font-weight: 600;
}

#armaag_widget {
    color: #365281;
    background: linear-gradient(#9bb5dc, #b8cce8);
    box-sizing: border-box;
    padding: 2px 2px;
}

.prognoza-data {
    font-size: 10px;
    display: block;
    padding: 5px 3px;
    border-bottom: 1px dotted darkslategrey;
}

/**
 * Tabs
 */
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tabs label {
    color: white;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    padding: 3px 5px 5px 5px;
    margin-right: 2px;
    cursor: pointer;
    background: #2779d3;
    font-weight: 400;
    border-radius: 5px 5px 0 0;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
    box-sizing: border-box;
    text-align: center;
}

.tabs .tab {
  -webkit-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: none;
      border-top: 1px solid rgba(0,0,0,0.15);
}

.tabs input[type="radio"] {
  display: none;
}

.tabs input[type="radio"]:checked + label {
  background: #ff8000;
}

.tabs input[type="radio"]:checked + label + .tab {
  display: block;
}

.tab_wrapper {
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab_row {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.5rem;
}

.color-white,
.color-blue,
.color-red {
    font-weight:  600;
}

.color-white {
    color:  white;
}

.color-blue {
    color: #337fcd;
}

.color-red {
    color:  #c30006;
}

@font-face {
    font-family: 'airpomerania';
    src:  url('/fonts/airpomerania.eot?z4cfk5');
    src:  url('/fonts/airpomerania.eot?z4cfk5#iefix') format('embedded-opentype'),
    url('/fonts/airpomerania.ttf?z4cfk5') format('truetype'),
    url('/fonts/airpomerania.woff?z4cfk5') format('woff'),
    url('/fonts/airpomerania.svg?z4cfk5#faktoria') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'airpomerania' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow {
    transform: rotate(180deg);
    display: inline-block;
    color: red;
    font-size: 1.5rem;
    position: absolute;
    left: 33px;
    top: 21px;
}

.icon-arrow:before {
    content: "\e900";
}
.tabs .tab:last-child .tab_row:first-child {
    padding: 0;
}

.tabs .tab:last-child .tab_row:last-child {
    padding-left: 0;
}


/* indeks jakosci powietrza */
#googleMaps {
	width:426px;
	height:333px;
	float:left;
	z-index:2 !important;
}


#leganda {
		width:81px;
		height:333px;
		float:left;
		margin-right:0;
		}


#index_clock {
		font-size:12px;
		font-weight:bold;
		color:#2b8bba;
		position:absolute;
		top:64px;
		left:0px;
		z-index:10;
  }

#googleMapsStacje {
	width:659px;
	height:333px;
	margin-right:19px;
	float:left;
	z-index:2 !important;
}
#airIndex {
	width:272px;
	float:left;
}
#airIndex h2 {
	margin-top:9px;
	margin-bottom:16px;
	padding-bottom:9px;
	border-bottom:1px solid #aee5fa;
	font-size:16px;
	color:#117db2;
}
#airIndex h2 small {
	display:block;
	font-size:14px;
	line-height:18px;
}
#airIndex p.cloud {
	width:84px;
	height:69px;
	padding-top:26px;
	padding-left:10px;
	position:absolute;
	top:126px;
	right:11px;
	background:url('/images/atmoludek/indeks_jakosci/sprite.png') no-repeat -470px -94px;
	text-align:center;
	line-height:15px;
	cursor:pointer;
}
#airIndex p.cloud strong {
	display:block;
}


dl.air {
	text-align:center;

}
dl.air dt {
	width:100%;
	margin-bottom:7px;
	text-align:center;
}
dl.air dd {
	width:53px;
	padding-top:58px;
	margin-right:0px;
/*	display:inline-block;*/
	display:block;
	float:left;
	background:url('/images/atmoludek/indeks_jakosci/sprite.png') no-repeat;
	font-size:11px;
	line-height:11px;
	white-space:nowrap;
	text-align:center;
	position:relative;
	cursor:default;
}
dl.air dd.veryGood {
	background-position:-104px -90px;
}
dl.air dd.good {
	background-position:-162px -90px;
}
dl.air dd.ok {
	background-position:-279px -90px;
}
dl.air dd.sufficient {
	background-position:-220px -90px;
}
dl.air dd.bad{
	background-position:-336px -90px;
}
dl.air dd.veryBad {
	background-position:-394px -90px;
}

dl.air dd.noData {
	background-position:-102px -180px;
}

dl.air strong {
	color:#ffffff;
	font-size:14px;
	position:absolute !important;
	width: 46px;
	text-align:center;
	display:block;
	top:21px;
	left: 4px;
}


div.stationCloud {
    width: 259px;
    min-height: 120px;
    overflow: hidden;

}
div.stationCloud h3 {
    background: #f05a1d;
    width: 100%;
    font-size: 12px;
    margin: 0;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    padding: 4px 0 !important;
}
div.stationCloud p {
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
}
div.stationCloud a {
    color:  #f05a1d;
}
div.stationCloud h3 span {
	margin-left:5px;
}

div.stationCloud img {
	float:left;
    height: auto;
    margin-top: 10px;
}
dl.data {
    float: right;
    margin-right: 0;
    margin-left: 7px;
    margin-top: 10px;
    margin-bottom: 0;
}
dl.data dd  {
	background:url('/images/atmoludek/indeks_jakosci/sprite.png') no-repeat;
	height:17px;
	color:#FFF;
	width:77px;
	font-size:11px;
	padding:0px 0px 6px 0px;
    line-height: 17px;
	text-align:center;
	display:inline;
	float:right;
}
dl.data dt {
    height: 17px;
    clear: both;
    display: inline;
    color: #000;
    width: 33px;
    font-size: 11px;
    text-align: center;
    float: left;
    text-align: left;
}

dl.data dd.veryGood {
	background-position: left -91px;
}
dl.data dd.good {
	background-position: left -115px;
}
dl.data dd.sufficient {
	background-position: left -209px;
}
dl.data dd.ok {
	background-position: left -138px;
}
dl.data dd.bad {
	background-position: left -162px;
}
dl.data dd.veryBad {
	background-position: left -186px;
}
dl.data dd.noData {
	background-position: left -234px;
}
div#index_clock2 {
    padding: 10px 0 0 0;
    font-size: 12px;
}
div#dataType {
    clear: both;
    padding: 30px 20px;
    text-align: center;
    background: #f9f9f9;
    border-bottom: 1px solid #e6e6e6;
    font-size: 18px;
}
div#dataType a:not(:last-child) {
    margin-right: 35px;
}
div#dataType a {
    color: #868686;
}
div#dataType a.selected {
    color:  #f05a1d;
}
/* indeks jakosci powietrza koniec */
.select-menu {
    width: 100%;
    float: left;
    background: #ffffff;
    background: -webkit-linear-gradient(#ffffff, #eeeeee);
    background: -o-linear-gradient(#ffffff, #eeeeee);
    background: -moz-linear-gradient(#ffffff, #eeeeee);
    background: linear-gradient(#ffffff, #eeeeee);
    border: 1px solid gainsboro;
    z-index: 10;
    position: relative;
    margin-top: 25px;
}
.select-menu:after {
    content: "";
    display: table;
    clear: both;
}
.select-item {
    position: relative;
    display: inline-block;
    float: left;
}
.select-item:nth-child(1) { width: 61%; }
.select-item:nth-child(1) .select-item-list {min-width: 210px;}
.select-item:nth-child(2) { width: 39%; }
.select-item:nth-child(2) .select-item-list {min-width: 123px;}
.select-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
    padding: 15px 10px;
    color: #444444;
}
.select-item-list {
    top: 9px;
    display: inline-block;
    margin: auto !important;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    background: white;
    box-sizing: border-box;
    border: 2px solid gainsboro;
    border-radius: 6px;
    position: absolute !important;
}
.select-item-list li {
    cursor: pointer;
    padding: 5px 10px;
    background: transparent;
    position: relative;
}
.select-item-list li span {
    font-weight: normal;
    font-size: 12px;
    vertical-align: middle;
}
.select-item-list li a {
    color: inherit;
}
.select-item-list li a:hover,
.select-item-list li:hover {
    text-decoration: none;
    background:  #e7ecf5;
}
.select-item-list li:not(:first-child) {
    display: none;
}
.select-item-list li:first-child:after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #444444;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.analytics {
    float: left;
    width: 100%;
}

table#wind_directions tr td {
    position: relative;
}

table#wind_directions td i {
    vertical-align: middle;
    transform-origin: 52% 42%;
        font-size: 11px;
        position:   static;
        color: #dadada;
}

table#wind_directions tr td:not(:first-child) {
    width: 18px;
    height: 21px;
    border-left: 1px dotted gainsboro;
    text-align: center;
}

table#wind_directions tr td:first-child {
    width: 32px;
    height: 21px;
}

table#wind_directions {
    table-layout: fixed;
    width: 100%;
}

.wind-directions__wrapper {
    width: 100%;
    float: left;
    overflow-x: scroll;
    margin-bottom: 20px;
}

.wind-directions__wrapper img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

div#main_content4 {
    width: 100%;
}

.forecast {
    position: relative;
    width:  100%;
}

#forecast {
    position: relative;
    margin-top: 16px;
    overflow: hidden;
}

.tczew #forecast .forecast-wrapper {
    position: absolute;
    left: 150px;
}

#forecast .forecast-wrapper img {
    margin: auto;
}

.prognoza-legenda {
    display: block;
    margin:  16px auto;
}

.tczew .prognoza-legenda {
    padding-top: 360px;
}

.prognoza-legenda-punkty {
    position: absolute;
    top: 20px;
    left: 300px;
}

.tczew .prognoza-legenda-punkty {
    position: absolute;
    top: 10px;
    left: 20px;
}

.trojmiasto .ramka-mapy {
    position: absolute;
}

.tczew .maska-mapy {
    position: absolute;
    top: 0;
    left: 70px;
 }

.podpisy-mapy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.podpisy-mapy p {
    position: absolute;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #33537a;
}

.podpisy-mapy p:nth-child(1) {
    top: 60px;
    left: 190px;
}

.podpisy-mapy p:nth-child(2) {
    top: 140px;
    left: 190px;
}

.podpisy-mapy p:nth-child(3) {
    top: 215px;
    left: 320px;
}

.tczew .podpisy-mapy p:nth-child(1) {
    top: 80px;
    left: 80px;
    font-size: 20px;
}

.punkty {
    position: absolute;
    width:  100%;
    height:  100%;
}

.punkty img {
    position: absolute;
}

.punkty img:nth-child(1) {
    top: 30px;
    left: 121px;
}
.punkty img:nth-child(2) {
    top: 60px;
    left: 137px;
}
.punkty img:nth-child(3) {
    top: 127px;
    left: 97px;
}
.punkty img:nth-child(4) {
    top: 161px;
    left: 166px;
}
.punkty img:nth-child(5) {
    top: 203px;
    left: 224px;
}
.punkty img:nth-child(6) {
    top: 228px;
    left: 202px;
}
.punkty img:nth-child(7) {
    top: 278px;
    left: 158px;
}
.punkty img:nth-child(8) {
    top: 252px;
    left: 212px;
}
.punkty img:nth-child(9) {
    top: 243px;
    left: 255px;
}
.punkty img:nth-child(10) {
    top: 37px;
    left: 107px;
}
.punkty img:nth-child(11) {
    top: 225px;
    left: 217px;
}
.punkty img:nth-child(12) {
        top: 228px;
    left: 221px;
    z-index: 1;
}
.punkty img:nth-child(13) {
    top: 230px;
    left: 237px;
}
.punkty img:nth-child(14) {
        top: 263px;
    left: 270px;
}

.tczew .punkty img:nth-child(1) {
    top: 242px;
    left: 266px;
}

div#forecastTimer {
    display: block;
    clear: both;
    background: #f4f7fa;
    position: relative
}

div#forecastTimer .presentationInfo {
    display: block;
    position: absolute;
    left: 60px;
    top: 16px;
    width: 100px;
}

span.play {
    z-index: 100;
    display: inline-block;
    background: url(/images/play-stop-btn.jpg) no-repeat;
    width: 23px;
    height: 23px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    position: relative;
    left: 26px;
    top: 16px;
}

span.play.playing {
    background-position: 0 0;
}

span.play.pause {
    background-position: -23px 0;
}

ul.days {
    text-align: center;
    margin: 0;
}

ul.days li {
    /*display: inline-block;*/
    display: block;
    float: right;
    padding: 0;
    margin: 0 180px 0 0;
    font-size: 12px;
    color: #90aad3;
    background: none;
}

ul.days li:not(:last-child) {
    float: left;
    margin: 0 0 0 180px;
    /*margin-right: 70px;*/
}

ul.days li:nth-child(2) {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
}

div#forecastTimer .hours {
    list-style: none;
    padding-bottom: 30px;
    margin: 20px auto;
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 40px;
    position: relative;
}

div#forecastTimer .hours li {
    background: none;
    padding: 0;
    display: inline-block;
    font-size: 10px;
    position: relative;
    cursor: pointer;
    color:  #90aad3;
}

div#forecastTimer .hours li:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position:absolute;
    background-color: #f4f7fa;
    border:1px solid #90aad3;
    z-index: 1;
}

div#forecastTimer .hours:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #90aad3;
    display: block;
    position: absolute;
    top: 47px;
    z-index:  0;
}

div#forecastTimer .hours li.current:after {
    background-color: #98b0d6;
}

div#forecastTimer .hours li:nth-child(odd):after {
    top: 12px;
    left: 8px;
}

div#forecastTimer .hours li:nth-child(even):after {
    bottom: 13px;
    left: 8px;
}

div#forecastTimer .hours li:nth-child(odd):before {
    top: 16px;
}

div#forecastTimer .hours li:nth-child(even):before {
    bottom: 13px;
}

div#forecastTimer .hours li:nth-child(odd) {
    top: -10px;
    right: -5px;
    vertical-align: super;
}

div#forecastTimer .hours li:nth-child(even) {
    bottom: -10px;
    left: 4px;
    vertical-align: text-bottom;
}

#main_content4.mapa {
    width:  507px;
}












.data_header { width:100%; height:31px; background: #7797c8 url(/images/data_bg.png); margin:0px !important; padding:0px !important; color:#FFFFFF; font-size:13px; font-weight:bold; }
.data_header ul { margin: 0; }
.data_header li { float:left; height:31px; line-height:31px; background: none; }
.data_header .data_name { padding-left:12px; position:relative; }
.data_header .data_choose { width:177px; float:right; background:url(/images/sprite_new.png) no-repeat -12px -9px; padding-left:12px; cursor:pointer;  }
#show_table .data_header .data_choose:hover {background:url(/images/sprite_new.png) no-repeat -12px -42px; }
#show_table .data_header .data_choose:hover .stations { display:block; }
.data_header .data_time { width:94px; float:right;background:url(/images/sprite_new.png) no-repeat -201px -9px; padding-left:12px; position:relative;}
#show_table .data_choose .stations {
    width:603px; position:absolute;
    /* height:186px; */
     border-bottom:2px solid #a1a1a1; border-left:2px solid #a1a1a1; border-right:2px solid #a1a1a1; background:#FFFFFF; z-index:50; left:0; color:#434343; font-weight:normal; display:none;
}
#show_table .data_choose .stations.weather {height:154px;}

/* show_table .data_choose .stations ul {
    display: block;
    position: absolute;
    left: 0;
    background: #fff;
} */

#show_table .data_choose .stations li { width:177px; float:left; height:30px; padding-left:12px;cursor:default; border-bottom:1px solid #cacaca; }
#show_table .data_choose .stations li a { color:#434343; }

#show_table .data_header .data_time .dates{ position:absolute; width:102px; top:31px; right: 0px; background:#ffffff;
    /* height:116px; */
     z-index:10;border-bottom:2px solid #7797c8; border-left:2px solid #7797c8; border-right:2px solid #7797c8; color:#434343; display:none;  }
#show_table .data_header .data_time:hover { cursor:pointer; }
#show_table .data_header .data_time:hover .dates { display:block; }
#show_table .data_header .data_time .dates li { width:90px; border-bottom:1px solid #cacaca; padding-left:12px; height:28px; }
#show_table .data_header .data_time .dates a { color:#434343; }
.data_time .dates li.selected { background:#7797c8;  }
.data_time .dates li.selected a { color:#fff !important; }
.stations li.selected { background:#e7e7e7; }
#tabela,
#wykresy {
	display: block;
	position: absolute;
	width: 98px;
	height: 26px;
	padding: 4px 0 0;
	margin: 0px;
	/*text-indent:-9999px;*/
	font-size: 12px;
	font-weight: 200;
	text-align: center;
	color: #fff;
	background: url(/images/sprite_new.png);
}
#tabela { background-position:-13px -108px; top:0px; left: 300px; }
#tabela:hover,#tabela.selected { cursor:pointer; background-position:-13px -78px; }
#wykresy { background-position:-113px -108px; top:0px; left: 200px; }
#wykresy:hover,#wykresy.selected { background-position:-113px -78px; cursor:pointer; }

.inSubCont h2 { position:relative; }

#show_chart  { }
#show_table { display:none; }

.data_line td { background:#e5e5e5; }

#main_content3 h2 {
    /* display: table; */
    /* margin: 0px 100px 30px 0px; */
    padding: 0;
    padding-left: 55px;
    margin: 20px 0;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    color: #434343;
    border: 0;
}

#main_content3 .select-menu {
    margin-top: 0;
}

#main_content3 h2 span {
    position: static;
    /* display: table-cell; */
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}

#main_content3 h2 span:first-child {
    margin-right: 20px;
}

.analytics-messages {
    display: block;
    float: left;
    padding-left: 35px;
}

.analytics-messages h4 {
    margin-left: 20px;
}

h2.meteo #tabela {left:311px; }
h2.meteo #wykresy { left:211px; }

.data_table { margin-bottom: 20px; }
.data_table .noData { background:url(/images/nodata.gif); }

.legenda { margin: 10px 0px; }
.legenda li { padding: 0 0 10px; }
.legenda li img{ float:left; margin-right:10px; }

td.colourCell {color:#ffffff}

svg g>text:hover, svg g>path {cursor:pointer;}

.slider img {
    display: none
}
#react-content {width: 100%;height: 500px;position: absolute;} #react-content-container {width: 100%;position: relative;height: 500px;}

.redInfo {color: #CC0033;}